首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery.validat应验插件的应用

2012-06-27 
jquery.validat验证插件的应用在最近一个项目中,选择了以jquery.validat插件作为表单验证框架,感觉用起来

jquery.validat验证插件的应用

在最近一个项目中,选择了以jquery.validat插件作为表单验证框架,感觉用起来不费劲,扩展性很好

?

下面以一个例子说明一下:

先在页面中引入jquery.js,jquery.validate.min.js,messages_cn.js(这个是中文提示信息扩展文件),validate.css,这些文件在附件里面都有。

?

以下写出主要的代码片段:

?

html片段:

?js片段:

var validate = $("#roleForm").validate({debug : false,   //true为启动debug模式,即不提交表单rules :{name : {required : true,maxlength : 128,remote : {url:window.ctx+ "/role.do?method=checkRoleName",type:"post",data:{oldName:function(){return $("[name=oldName]").val();}}//远程验证}},description : {maxlength : 512}},messages :{name :{remote : "该角色名已经存在"}},submitHandler : function(form){    //提交事件捕捉form.submit();return;}});

?

就这么的简单就用起来了!

?

具体jquery.validate 的api的使用可以参考官方文档,下面附件有

热点排行