我有以下代码:
JavaScript代码
<script>
angular.module('myApp', [])
.config(function ($interpolateProvider) {$interpolateProvider.startSymbol('{[{').endSymbol('}]}')})
.controller('myCtrl', function ($scope, $http) {
$scope.word = '';
$scope.resp = {};
$scope.warning = '';
$scope.get = function () {
if($scope.word.$invalid){
$scope.warning = "Please write single word";
}else {
$http.get("localhost/" + $scope.word)
.then(function (response) {
$scope.resp = response.data;
});
}
}
});
</script>
HTML代码
<div ng-app="myApp" ng-controller="myCtrl" >
<div ng-show="word.$invalid" class="alert alert-warning">
<strong>Warning!</strong> {[{warning}]}.
</div>
<input id="filter_input" type="text" ng-model="word" ng-pattern="^[a-zA-Z]*$"/>
<br/>
<input id="btn" type="button" ng-click="get()" value="Check Level">
<br/>
<label style="text-align: center">{[{resp.level}]}</label>
</div>
当用户使用多个单词填写输入内容时,我想显示警告消息。你能帮忙吗?
在空格字符上分割-检查结果:
var words = $scope.word.split(" ");
if (words && words.length && words.length === 1) {
//good to go
} else {
//error, enter only 1 word
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句