大佬教程收集整理的这篇文章主要介绍了JQuery验证在页面刷新后不起作用(Jquery Mobile),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我用过的验证码:
<script type="text/javascript"> // jquery form validation function $(function () { $("#permissionrequestForm").validate({ errorPlacement: function (error,element) { if (element.attr("name") === "fromTimeHH" || element.attr("name") === "toTimeHH" || element.attr("name") === "fromTimeMM" || element.attr("name") === "toTimeMM") { error.insertAfter($(element).parent()); } else { error.insertAfter(element); } },//custom validation messages messages: { fromDate: "Choose From Date",toDate: " Choose To Date",fromTimeHH: "Choose From Time",fromTimeMM: "",toTimeHH: "Choose To Time",toTimeMM: "",permissionTypeOne: "SELEct Permission Type",permissionTypeTwo: "SELEct Permission Type",approverList: "SELEct Approver",reasonLeave: "Enter a Valid Reason" } }); });
$(document).ready(function() { });
初始化验证器插件jquery的常见做法是什么.遗憾的是,文档就绪不能与jQuery Mobile一起使用.
也不要使用:
$(function () { });
使用jQuery Mobile.
Validator插件应该在页面show事件中初始化,如下所示:
$('#index').live('pageshow',function(e,data){ $.validator.addMethod("valueNotEquals",function(value,element,arg){ return arg != value; },""); $("#form1").validate({ rules: { SELEct_list : {valueNotEquals: "default"},},messages: { SELEct_list : { valueNotEquals: "You must SELEct a value" } },submitHandler: function(form) { alert($('#form1').valid()); form.submit(); } }); });
这是一个有效的例子:http://jsfiddle.net/Gajotres/AZPhK/.无论你关闭多长时间并返回第一页,每次显示页面时验证器都会初始化.
编辑:
如果您使用多个html页面格式将此代码仅放入所需页面,或者更好,请创建一个新的js文件,将此代码(所有自定义js代码)放入其中并在所有html页面之间共享.
以上是大佬教程为你收集整理的JQuery验证在页面刷新后不起作用(Jquery Mobile)全部内容,希望文章能够帮你解决JQuery验证在页面刷新后不起作用(Jquery Mobile)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。