我正在使用 ajax 表单插件,这就是我处理表单的方式。现在我决定添加一个漂亮的插件——validationengine。但我不知道如何整合它。我的代码:
$("#addCompanyForm").validationEngine({scroll:false});
$("#addCompanyForm").ajaxForm({
beforeSubmit: function() {
valid = $("#addCompanyForm").validationEngine('validate');
if (valid == false) return false;
//some actions like blocking interface (show loader) etc
},
url: myURL,
success: function() {
//some actions like unblocking interface etc
}
});
嗯,我有一个内联验证,当我按下提交按钮时,它会提交数据,然后再次验证内联输入(可能还有所有其他输入)。我想要的:当我模糊输入时,我需要进行验证(包括 ajax 内联),当我提交时,我需要验证。
而且我也不太明白这个方案。例如,我有一个包含大量输入的表单。当我按下提交按钮时,验证引擎必须检查输入,然后我将数据发送到我的 php 脚本,该脚本必须再次检查它们吗? (以防我们正在处理黑客尝试)。例如,如果数据无效,我们可以使用类似
提前致谢,我非常感谢任何帮助
最佳答案
在寻找针对我的具体问题的解决方案一段时间后,终于找到了。
<script>
$(function() {
var options = {
target: '#save',
dataType: 'json',
beforeSubmit: showRequest,
success: showResponse
};
$('#form').validationEngine({scroll:false});
$('#form').ajaxForm(options);
});
function showRequest(formData, jqForm, options) {
var valid = $("#form").validationEngine('validate');
if (valid == true) {
$("#save").fadeIn().html('<p class="message loading">Saving...</p>');
return true;
}else{
return false;
}
}
function showResponse(data, responseText, statusText) {
$("#save").fadeOut().html('<p class="message success">Saved.</p>');
}
</script>
关于Jquery验证引擎+ajax表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8626872/