ValidateBox 验证框(表单验证)

来源:互联网 发布:北平无战事曾可达 知乎 编辑:程序博客网 时间:2024/06/06 13:05

验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则:

  • email:匹配 email 正则表达式规则
  • url:匹配 URL 正则表达式规则
  • length[0,100]:允许从 x 到 y 个字符
  • remote['http://.../action.do','paramName']:发送 ajax 请求来验证值,成功时返回 'true' 。

用法:

html部分:<input id="email" class="easyui-validatebox"  required="true" validType="url"  invalidMessage="邮箱格式不正确"  missingMessage="null"/>

属性值:1、required:定义字段是否可以为空(true表示不可以);

                2、validType(要验证的数据类型,如:email、url、length[0,100]、remote);

                3、invalidMessage:文本框的内容不合要求时的提示文字;(不加这个属性的话,会有默认值

                4、missingMessage:文本框为空时的提示文字;


当然,也可以自定义验证规则,重写 $.fn.validatebox.defaults.rules ,来定义一个验证函数和无效的信息。例如,定义一个 minLength 验证类型:

例如:<input id="name" class="easyui-validatebox"  required="true" validType="minLength[5]"  invalidMessage="长度至少要5位"/>


<script type="text/javascript">

   $.extend($.fn.validatebox.defaults.rules, {   
           minLength: {   
               validator: function(value, param){   
                    return value.length >= param;   
               },   
               message: 'Please enter at least {0} characters.'  (注意:数据类型不合要求时候的提示信息。这里是必须写的,但是如果属性“invalidMessage”有定义的话,这里的值会被覆盖掉,如果属性invalidMessage没有定义,则显示这里的提示文字)
          }   
      });  


</script>




0 0
原创粉丝点击