星空网 > 软件开发 > Java

JQuery插件Validation的使用

(-1)写在前面

本文不是要详细说明Validation插件的使用,而是将满足开发需求的代码已最应该使用的方式写出来,并附有详细的注释

想要了解更多,去jquery的官网,有最新,最全面的,后续可能会写怎么从jquery官网获得信息的博文

(0)资源配置

官网的jar包:

lib 有该插件所支持的最高版本jquery  ,使用更高版本可能会发生错误,例如Jquery3.0

dist\localization\messages_zh.js  可以让默认报错信息使用中文

导入的顺序

<script   type="text/javascript" src='/images/loading.gif' data-original="jquery-1.11.1.js"  ></script>

<script   type="text/javascript" src='/images/loading.gif' data-original="jquery.validate.js" ></script>

<script   type="text/javascript" src='/images/loading.gif' data-original="messages_zh.js"></script>

(1)css代码

<body>

      <form id="chatform">

           姓名:<input type="text" size="50" name="name"  id="name"/><br/>

           密码:<input type="text" size="50" name="password"  id="name"/><br/>

           <input type="submit" value="提交">

      </form>

</body>

(2)js代码

$(function()

{

      //添加自定义方法

      $.validator.addMethod(

           "test",

           //value 表单元素的值,

           //element,表单元素

           //param 传的参数

           function(value,element,param)

           {

                 if(value == param)

                      return true;

                 return false;

           },

           //错误的提示信息

           '请输入正确的密码'

      )

//"#chatform"  form表单

       $("#chatform").validate({

           rules:{

                 //name、password是元素的name属性值

                 name:{

                       required:true,

                      minlength:2

                 },

                 password:{

                      //调用自定义方法

                      test:"12345"

                 }

           },

           //自定义提示信息

           messages:{

                 name:{

                      required:"必须填写",

                      minlength:"不能少于两个"

                 }

                

           },

           //用什么元素显示错误信息,必填

           errorElement:"span",

           //error 显示错误信息的元素,你获得了这个元素的控制权,你可以给它加背景图片、加个img标签等

           success:function(error)

           {

                

           },

           //error 显示错误信息的元素,你获得了这个元素的控制权,你可以给它加背景图片、加个img标签等

           //element 触发错误信息的表单元素

            errorPlacement: function(error, element)

            {

                 //将error 放入到element后面   必须有

                  element.after(error);

           }

      })

});




原标题:JQuery插件Validation的使用

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

作为亚马逊卖家,能够查看近两年的销售记录对选品有帮助吗?:https://www.ikjzd.com/articles/136306
超详细教程!亚马逊卖家这样挖掘和优化关键词早就上首页了:https://www.ikjzd.com/articles/136307
亚马逊防侵权预警:延伸狗绳在欧洲市场的外观专利情况:https://www.ikjzd.com/articles/136308
亚马逊螺旋式爆款中的几个问题与解答:https://www.ikjzd.com/articles/136309
阿联酋电商营销投放怎么选?用数据说话:https://www.ikjzd.com/articles/136310
NOON表示看好母婴市场 将进行投资:https://www.ikjzd.com/articles/136311
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流