Javascript jquery工具验证在加载不同内容后重新绑定
我正在使用jquery工具验证插件进行客户端表单验证。 我有一个javascript文件,它在就绪时加载下面的函数 我要做的是,我加载一个表单,当它被成功验证并提交时, 我加载另一个表单,并希望下面的函数能够处理正在加载的任何表单 在if(json.success&&json.next)语句块中 由于某些原因,当加载第二个表单时,验证器没有被重新绑定到 类(.signup_form),并且不会进行验证 你知道我如何将$.live或任何东西附加到这个上,使它在成功后自动重新绑定到加载了.signup\u表单类的任何表单吗Javascript jquery工具验证在加载不同内容后重新绑定,javascript,jquery,ajax,bind,Javascript,Jquery,Ajax,Bind,我正在使用jquery工具验证插件进行客户端表单验证。 我有一个javascript文件,它在就绪时加载下面的函数 我要做的是,我加载一个表单,当它被成功验证并提交时, 我加载另一个表单,并希望下面的函数能够处理正在加载的任何表单 在if(json.success&&json.next)语句块中 由于某些原因,当加载第二个表单时,验证器没有被重新绑定到 类(.signup_form),并且不会进行验证 你知道我如何将$.live或任何东西附加到这个上,使它在成功后自动重新绑定到加载了.signu
/* For clarification: json.next is the url of the next form to load */
$(".signup_form").validator({
position: 'top left',
offset: [-12, 0],
message: '<div><em/></div>' // em element is the arrow
}).submit(function(e) {
var form = $(this);
// client-side validation OK.
if(!e.isDefaultPrevented()) {
// submit with AJAX
$.post(form.attr('action'), form.serialize(), function(json) {
// everything is ok. (server returned true)
if (json.success && json.next) {
form.parent().parent().load(json.next); // Slide here
form.reset();
// server-side validation failed. use invalidate() to show errors
} else {
form.data("validator").invalidate(json);
}
}, "json");
// prevent default form submission logic
e.preventDefault();
}
});
街区
现在,我需要做的就是在加载新表单后调用表单侦听器:
.
.
// everything is ok. (server returned true)
if (json.success && json.next) {
form.parent().parent().load(json.next, function(){
form_listener();
});
.
.
很好。您尝试过“live”功能吗?我无法绑定“live”功能。因为没有咔嗒声什么的。。不管怎么说,我现在才明白。。当然我一整天都在努力寻找解决方案,在我发布到这里4分钟后,我发现:)这很好,所以回答你的问题。我建议你在form_listener函数中添加代码,它实际上会重新绑定,因为它目前很混乱。
.
.
// everything is ok. (server returned true)
if (json.success && json.next) {
form.parent().parent().load(json.next, function(){
form_listener();
});
.
.