/Javascript/AngularJS/Angularjs form validation on submit

Angularjs form validation on submit

<div class="container" ng-app>

  <h1><span><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/angular-logo.svg" alt="Angular.js Logo" /></span> Angular.js - Web Form</h1>

  <form role="form" name="form" id="contact-form" novalidate>
    <div class="form-group">
      <label for="FirstName">First name</label>
      <input type="text" class="form-control" name="FirstName" id="FirstName" placeholder="enter first name" ng-model="firstName" required>
    </div>

    <div class="form-group">
      <label for="LastName">Last Name</label>
      <input type="text" class="form-control" name="LastName" id="LastName" placeholder="enter last name" ng-model="lastName" required>
    </div>

    <div class="form-group">
      <label for="EmailAddress">Email address</label>
      <input type="email" class="form-control" id="EmailAddress" name="EmailAddress" placeholder="enter email" ng-model="emailAddress" ng-model-options="{ updateOn: 'blur' }" required>
    </div>

    <div class="checkbox">
      <label>
        <input type="checkbox" required> Check me out
      </label>
    </div>


    <button type="submit" class="btn btn-default" ng-disabled="form.$invalid">Submit</button>

  </form>

</div>

-1

Source: stackoverflow.com

Similar codes

2 votes158 views2 answers
Angular usehash not working
Javascript AngularJS
2 votes156 views2 answers
Angular pipe conditionally
Javascript AngularJS
0 vote161 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
0 vote152 views1 answer
Angular post data not sending
Javascript AngularJS
0 vote150 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
1 vote138 views1 answer
Angular remove item from localstorage
Javascript AngularJS
17 votes176 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
0 vote172 views1 answer
Check textbox value on ng-change value == in angular
Javascript AngularJS
0 vote158 views2 answers
Let fruta angular
Javascript AngularJS
5 votes363 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS