zoukankan      html  css  js  c++  java
  • ng表单验证

    参考:http://www.cnblogs.com/rohelm/p/4033513.html

    1. 必填项验证

    <input type="text" required />  

    2. 最小/大长度

    <input type="text" ng-minlength="5" ng-maxlength="10"/>

    3.模式匹配

    <input type="text" ng-pattern="/[a-zA-Z]/" />

    4.电子邮件

    <input type="email" name="email" ng-model="user.email" />

    5.数字

    <input type="number" name="age" ng-model="user.age" />

    6.URL

    <input type="url" name="homepage" ng-model="user.facebook_url" />

     实例一:

     实例二:

    CSS 类

    ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类:

    ng-model 指令根据表单域的状态添加/移除以下类:

    • ng-empty
    • ng-not-empty
    • ng-touched
    • ng-untouched
    • ng-valid
    • ng-invalid
    • ng-dirty
    • ng-pending
    • ng-pristine
  • 相关阅读:
    node
    ionic
    关于websocket和ajax无刷新
    HTML图片热区
    npm -D -S -g -i 以及安装技巧
    es6 webpack转es5
    es6
    es6
    ssh tunnel
    vim上次和下次光标位置
  • 原文地址:https://www.cnblogs.com/YYkun/p/6477812.html
Copyright © 2011-2022 走看看