jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQuery验证在页面刷新后不起作用(Jquery Mobile)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 Jquery Mobile / asp.net mvc4应用程序.在第一页之后,Jquery移动使用Ajax请求调用后续页面.现在,我使用JQuery验证器插件在我的表单上执行验证,第一次验证工作正常(即使用ajax调用加载时),但是当页面刷新/重新加载时,验证不起作用.知道为什么会这样吗?由于这是一个移动Web应用程序,因此用户可能会刷新页面.

这是我用过的验证码:

<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,请注明来意。