EasyUI的验证框

来源：互联网发布：js实现pdf在线阅读编辑：程序博客网时间：2024/05/19 10:38

在最近的项目中，所有的前端页面都是用的EasyUI，其中有很多需要用到验证功能，比如说验证电话号码必须全为数字，某个编号必须是以什么什么开头的，像这些验证就得重写$.fn.validatebox.defaults.rules中定义的验证器函数和无效消息。

例1：验证电话号码必须为数字

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">$(function(){$.extend($.fn.validatebox.defaults.rules,{phoneType:{<span style="white-space:pre"></span>//phoneType是自己取的一个名字validator:function(value){if(isNaN($("#phone").textbox('getValue'))){<span style="white-space:pre"></span>//判断是不是数字return false;}else{return value;}},message:'电话号码必须全为数字'}});})</span></span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">form表单中：电话号码：<input class="easyui-textbox" id="phone" data-options="validType: 'phoneType' " /></span></span>

例2：验证某一编号必须以什么什么开头

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;">$.extend($.fn.validatebox.defaults.rules,{        planIdType:{        validator:function(value){        if(value.substring(0,7)=='CQJY000'){        return value;        }else{        return false;        }        },        message:'预案编号格式不正确,应为CQJY000开头'        } });</span></span>

<span style="font-family:Microsoft YaHei;font-size:14px;"><span style="font-family:Microsoft YaHei;"></span><pre name="code" class="java"><span style="font-family:Microsoft YaHei;">form表单中：编号：<input class="easyui-textbox" id="planId" data-options="validType: 'planIdType' " /></span></span>

0 0