2013-07-21 31 views
0

感谢百忙之中阅读本文时,我的问题是在问候的jQuery怎么做验证错误,我注意到,如果我把代码如下所示:jQuery和验证弹出的选项

$("#MainForm").validate(); 

当提交错误时,它会弹出一个带有箭头指向相关字段的好框。 simple validation

当我使用下面的代码:

$(document).ready(function() 
    { 
    $("#MainForm").validate(); 
    }); 

when I put it into the ready function

我只得到文字称该字段是必需的,而不是漂亮的小弹出框。
我注意到这一点,当我开始添加规则,并坦率地说我更喜欢原始弹出窗口,有没有办法告诉jQuery验证使用该方法,而不是第二个例子中的文本字段?

谢谢您的时间,

+1

迈克尔,这两个例子中的代码基本相同,您确定没有其他代码能够引起您所指的区别吗? – Sergio

+0

区别在于第一个代码示例,调用验证,不在ready函数中,而第二个代码位于文档的ready函数内部。如果我打电话给它,它会很好地工作,但如果我添加规则等,它只能在ready函数内正常工作。 – Michael

+0

我感觉到“弹出一个漂亮的盒子”的脚本在.validate代码之后,也在.ready函数中。你可以通过在.ready函数中运行的函数/代码来检查。 .validate应该是最后一行。 – Sergio

回答

2

弹出漂亮盒子被Internet Explorer所产生,而不是由jQuery验证,当你添加required属性。 jQuery验证没有绑定到你的输入元素。尝试删除$("#MainForm").validate();,重新加载页面,然后重新提交表单。结果将是弹出好框

据我所知,唯一能告诉jQuery Validation使用该方法的方法是通过自定义jQuery验证插件中使用的css文件。

+0

好吧,那回答,我想知道它是否是某种浏览器,不是jQuery的情况;)我确实注意到每个浏览器(Chrome,Firefox和IE)都有不同的框。感谢您的回答! – Michael

+0

欢迎迈克尔! :) –