你的位置:首页 > 软件开发 > Java > [AngularJS] AngularJS系列 中级篇之表单验证

[AngularJS] AngularJS系列 中级篇之表单验证

发布时间:2016-09-28 15:00:07
目录基本验证验证插件messages自定义验证 基本验证 <form name="form" novalidate ng-app> <span>{{form.$invalid}}</span> <sp ...

[AngularJS] AngularJS系列 中级篇之表单验证

目录

  • 基本验证
  • 验证插件messages
  • 自定义验证

 

基本验证

  <form name="form" novalidate ng-app>    <span>{{form.$invalid}}</span>    <span>{{form.$valid}}</span>    <span>{{form.$dirty}}</span>    <span>{{form.$pristine}}</span>    <input type="text" ng-model="user" required />    <input type="text" ng-model="pwd" required minlength="4" ng-maxlength="5" />    <input type="text" ng-model="phone" required ng-pattern="/1[3|5|7|8|][0-9]{9}/" />    <input type="email" ng-model="email" required />    <input type="url" ng-model="url" required />    <input type="number" ng-model="number" required />    <div>      <button type="reset" ng-disabled="form.$pristine">重置</button>      <button type="submit" ng-disabled="form.$invalid">提交</button>    </div>  </form>

原标题:[AngularJS] AngularJS系列 中级篇之表单验证

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。