jQuery.validate.js插件使用(struts2的整合)

来源:互联网 发布:lg照片打印机的软件 编辑:程序博客网 时间:2024/05/01 03:08
1.先给个下载地址:http://jquery.bassistance.de/validate/jquery.validate.zip
2.有代码有真相:这些JS文件在上面的压缩包里都能找到
//jQuery.validate.js本身就是jquery的插件
<script src="./js/jquery.js" type="text/javascript"></script>
//主角登场
<script src="./js/jquery.validate.js" type="text/javascript"></script>
//要在校验元素属性里面写class=“....”,下面的文件必须载入,这个例子只是通过元素名称进行的校验,没有使用class,贴出来只是说明下
<script src="./js/jquery.metadata.js" type="text/javascript"></script>
//下面的文件是国际化的文件
<script src="./js/messages_cn.js" type="text/javascript"></script>

<script language="javascript">
//自己写的校验规则
$(document).ready(function() {
$("#info").validate({
rules: {
"user.username":{    //注意这里的user.username是用双引号引起来的,若是这个属性没有“.”,也可不哟偶那个“”,但是倘若使用了模型驱动的话,那么我估计你还是要引起来的*.*。
required: true,
minlength: 5 ,
maxlength:15
},
"user.password": {
required: true,
minlength: 5 ,
maxlength:20
}
}});
});

</script>
3.form的写法:
<form id="info" method="post" action="reg.action">
<p>
注册
</p>

<p>
<label for="user.username">
用户名
</label>

<input name="user.username" id="input1" />
</p>

<p>
<label for="user.password">
密码
</label>
<input type="password" name="user.password" id="input2" />
</p>
<input type="submit" value="注册" />
<input type="button" onClick="delall()" value="删除所有" />

</form>
3.这样就好了,在校验不通过的情况下,点击注册是不起作用的.

4.再看看remote的验证,研究好了在修改这个帖子........


----------------------------------------------------------------------------------------------------------------

来源:http://hi.baidu.com/websays/blog/item/1cd70266e55bf1fbf7365439.html/cmtid/36f20e8415a9263166096e6f

原创粉丝点击