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

    <angular>中form表单的验:

    1、在form中加上 novalidate

    2、利用ng-pattern验证 (*如果不匹配的话 ng-model是绑定不上数据的

     

    常用的表单验证指令 :

    1. 必填项验证

    某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可:

    <input type="text" required />  

    2. 输入的最小长度

    在输入字段上使用指令ng-minlength= "{number}":

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

    3. 输入的最大长度

    在输入字段上使用指令ng-maxlength= "{number}":

    <input type="text" ng-maxlength="20" />

    4. 正则匹配

    使用ng-pattern="/PATTERN/"来确保输入能够匹配指定的正则表达式:

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

    4. 匹配数据是否添全

    使用ng-disabled验证所传数据:

     <button class="btn btn-default" ng-click="register.getCode('code')" ng-disabled="!register.data.mobile" id="code">{{'Register.Get_Code' | translate}}</button>
  • 相关阅读:
    bzoj 1367
    codeforces 757F
    bzoj 3600
    比赛环境设置
    线段树合并
    BZOJ2105: 增强型LCP
    BZOJ3156: 防御准备
    BZOJ3252: 攻略
    BZOJ2464: 中山市选[2009]小明的游戏
    Beta Round #9 (酱油杯noi考后欢乐赛)乌鸦喝水
  • 原文地址:https://www.cnblogs.com/leiyangs/p/6894012.html
Copyright © 2011-2022 走看看