zoukankan      html  css  js  c++  java
  • ExtJs 表单验证的方法总结

    一、基本验证方式,使用 vtype 属性。

    1、alpha 只能输入字母,无法输入其他(如数字,特殊符号等)

    2、alphanum 只能输入字母和数字,无法输入其他

    3、email 验证,要求的格式是:master@weilog.net

    4、url 格式验证,要求的格式是:http://www.baidu.com

    二、其他方式验证。

    1、验证最大最小输入字数。

    1 maxLength : 20,//允许输入的最大字符数
    2 maxLengthText : "用户帐号最大长度不能超过20个字符!",//提示文本
    3 minLength : 3, //允许输入的最少字符数
    4 minLengthText : "用户帐号最小长度不能少于3个字符!",//提示文本

    注意:中文字符不是两个字符,比如“你好”算2个字符。

    2、正则表达式验证。

    1 regex : /^(([0-9]+[a-zA-Z]+)|([a-zA-Z]+[0-9]+))$/,
    2 regexText : "对不起,用户帐号只能输入字母和数字!",

    三、vtype 实现高级验证。

    因为 Extjs 的 vtype 只实现了四种基本的验证方式,所有需要自己去创建新的验证方式。

    在表单初始化时后面加入代码

    1 Ext.apply(Ext.form.VTypes, {
    2 verifycustomer : function(value) {//验证方法名
    3 //验证方法
    4 }
    5 });

    设置控件的 vtype 属性为自定义的验证方法名和提示文本 vtypeText 属性。

    1 vtype : "verifycustomer",
    2 vtypeText : "对不起,客户账号已经存在!",

     以上就是项目中一些应用的总结。

  • 相关阅读:
    递归
    正则表达式的理解
    JSP九大置对象
    Cookie的使用
    sql语句按照时间段查询
    文件拷贝 上传下载 输入流输出流个人小结,仅供自己使用
    动态SQL 与sql片段 foreach
    ResultMap
    hibernate
    idea
  • 原文地址:https://www.cnblogs.com/weisenz/p/2428550.html
Copyright © 2011-2022 走看看