jquery Validate

最新推荐文章于 2025-06-27 11:09:23 发布

原创最新推荐文章于 2025-06-27 11:09:23 发布 · 269 阅读

CC 4.0 BY-SA版权

本文介绍如何在JSP页面中使用simpleValidate.js进行表单验证。通过具体示例展示了如何设置验证规则及错误提示信息。

1、首先在jsp页面引入<script type="text/javascript" src="${ctx}/js/simpleValidate.js"></script>文件，${ctx}代表项目下的WEB-INF路径，只要正确引入即可。

2、在jsp页面总写入js函数

function formValidate(){
       $("#account_formDiv").validate({
           rules : {
               "ent.accountName" : {
                   required : true
               },
               "ent.accountspell" : {
                   required : true
               },
               "ent.idNumber" : {
                   required : true
               },
               "ent.phonenum" : {
                   required : true
               },
               "ent.address" : {
                   required : true
               },
               "ent.protocolId" : {
                   required : true
               }
           },
           messages : {
               "ent.accountName" : {
                   required : "请输入客户名称"
               },
               "ent.accountspell" : {
                   required : "请输入客户拼音"
               },
               "ent.idNumber" : {
                   required : "请输入身份证号"
               },
               "ent.phonenum" : {
                   required : "请输入手机号码"
               },
               "ent.address" : {
                   required : "请输入联系地址"
               },
               "ent.protocolId" : {
                   required : "请选择费率协议"
               }
           }
       });
   }