AngularJS: single word input validation

Question

I have following code:

Javascript code

<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 code

<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>

I would like to show warning message, when user fill in input with more than one word. Could you please assist.

tymeJV · Accepted Answer · 2016-08-26 15:55:46Z

1

Split on a space character - check the result:

var words = $scope.word.split(" ");
if (words && words.length && words.length === 1) {
    //good to go
} else {
    //error, enter only 1 word
}

answered Aug 26, 2016 at 15:55

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS: single word input validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related