我可以使用jquery验证引擎验证动态创建的表单吗?
问题是我试图验证的表单位于通过AJAX加载的页面上。我尝试在页面加载后调用validationengine,但它似乎不起作用。是否可以使用此插件验证此类表单?我同意@Stefan p的观点。一些代码示例会有所帮助。但是,从is看来,您可以简单地将以下内容添加到AJAX成功处理程序中:我可以使用jquery验证引擎验证动态创建的表单吗?,jquery,ajax,jquery-validation-engine,Jquery,Ajax,Jquery Validation Engine,问题是我试图验证的表单位于通过AJAX加载的页面上。我尝试在页面加载后调用validationengine,但它似乎不起作用。是否可以使用此插件验证此类表单?我同意@Stefan p的观点。一些代码示例会有所帮助。但是,从is看来,您可以简单地将以下内容添加到AJAX成功处理程序中: $("#id-of-dynamically-loaded-form").validationEngine(); 例如,如果您使用$.load执行AJAX请求,则可能如下所示: $('#somewhere').lo
$("#id-of-dynamically-loaded-form").validationEngine();
例如,如果您使用$.load
执行AJAX请求,则可能如下所示:
$('#somewhere').load('someurl', function() {
// Instantiate validation-engine
$("#id-of-dynamically-loaded-form").validationEngine();
});
我也有同样的问题。验证引擎无法处理通过AJAX加载的表单。对我来说,首先将验证引擎与所有表单分离,然后重新连接:
$('form').validationEngine('detach');
$('#yourform').validationEngine();
具体来说,我是通过AJAX在一个模式弹出窗口中加载表单的。以下是完整的代码,其中还包括一个用于销毁弹出窗口的关闭功能:
$('<div>Loading...</div>')
.load(url, function() {
$('form').validationEngine('detach');
$('#yourform').validationEngine();
})
.dialog({
modal: true,
height:400,
width:400,
resizable: false,
draggable: false,
close: function(event, ui) {
$(this).dialog('destroy').remove()
}
});
$(“加载…”)
.load(url,函数(){
$('form')。validationEngine('detach');
$(“#yourform”).validationEngine();
})
.对话({
莫代尔:是的,
身高:400,
宽度:400,
可调整大小:false,
可拖动:错误,
关闭:功能(事件、用户界面){
$(this).dialog('destroy').remove()
}
});
我遇到了同样的问题,我只是通过get请求获得了整个表单,而jquery验证引擎根本不工作。我搜索了很多,最后我发现,如果我们在点击按钮时验证表单,那么我们应该首先解除连接,然后连接验证引擎,因为表单附带了多个事件,因此建议解除连接。
例如,我使用id=“Table1
”获取表单,然后在保存按钮上单击我将执行此操作
$("#Table1").validationEngine('detach');
$("#Table1").validationEngine('attach');
$("#Table1").validationEngine('validate');
执行$(“#表1”).validationEngine('validate')
这一行它将在其返回值上为您提供一个布尔值true或false
,您可以在表单上保存或显示错误
您可以显示验证表单和表单html代码的js代码吗