javascript - How to check all fields are empty in Angularjs - Stack Overflow

admin管理员组

文章数量:1277393

How to check all fields in the submit form ng-submit="submit(field)" is empty in controller.js? They consists of few textboxes and one select field.

I would want an alert box to occur if all fields are empty and select option is not selected, instead of individual validation.

How to check all fields in the submit form ng-submit="submit(field)" is empty in controller.js? They consists of few textboxes and one select field.

I would want an alert box to occur if all fields are empty and select option is not selected, instead of individual validation.

• javascript
• angularjs
• angularjs-scope

Share Improve this question Follow edited Nov 8, 2023 at 17:38 halfer 20.5k1919 gold badges108108 silver badges202202 bronze badges asked Apr 18, 2015 at 7:36 davidleedavidlee 6,1771818 gold badges5858 silver badges8787 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

While it's not exactly what you're asking about, may be $pristine is what you want? It's a flag on the form indicating whether the form has ever been edited. If someone typed and then cleared out a field, $pristine would still be false, however.

<form name="myform" ng-submit="doSubmit()" ng-controller="FormController">
    <input ng-model="firstName" name="firstName" />

</form>

Then in your controller

.controller('FormController', function($scope){
    $scope.doSubmit = function(){
        if($scope.myform.$pristine){}
    }
})

Alternatively, you can set all your fields to required="true" and use the $valid flag on the form in the same way as described above.

You can use this:

ng-show="!yourfield.length"

Something like this:

<form name="yourform">
  <input name="yourfield" ng-model="somefield" ng-minlength="10" required>
  <span ng-show="!yourfield.myfield.$error.required">Something</span>
</form> 

You should look for Form Validation . Take a look at this tutorial.

<input name="name" class="form-control"
    ng-model="user.name" placeholder="Name" required>
  <div class="alert alert-danger"
    ng-show="userForm.name.$error.required">
    Please enter the name.
  </div>

The following will show an alert if all fields are empty

angular.module('app', [])
.controller('FormController', function($scope) {
  $scope.doSubmit = function(){
    if (formIsEmpty($scope.myform)){
      alert('You forgot to enter something before submitting');
    }
  };
  
  function formIsEmpty(form) {
    for (var prop in form) {
      if (!form.hasOwnProperty(prop)) { continue; }
      if (prop[0] === '$') { continue; }
      if ($scope[prop]) { return false; }
    }
    return true;
  }
});

<script src="https://ajax.googleapis./ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <form name="myform" ng-submit="doSubmit()" ng-controller="FormController">
    <input ng-model="firstName" name="firstName" />
    <input ng-model="lastName" name="lastName" />
    <textarea ng-model="description" name="description"></textarea>
    <button type="submit">Submit</button>
  </form>
</div>

本文标签： javascriptHow to check all fields are empty in AngularjsStack Overflow