如何验证ajax表单
How to validate ajax form?
我正在使用jQuery FormBuilder插件在我的应用程序中生成一个表单生成器。
问题是,我还有另外两个输入字段需要与此一起提交。
我的表单结构如下:
<script>
$(function() {
$('#my-form-builder').formbuilder({
'save_url' : 'examplesave',
'load_url' : 'examplejson',
'useJson' : true
});
});
</script>
<form id="myForm">
<input type="text" id="fname" />
<input type="text" id="lname" />
<div id="my-form-builder"></div>
</form>
我已经编辑了jquery.formbuilder.js
文件以附加其他两个输入字段:
// saves the serialized data to the server
var save = function () {
var fname= $('#fname').val();
var lname= $('#lname').val();
if (opts.save_url) {
$.ajax({
type: "POST",
url: opts.save_url,
data: $(ul_obj).serializeFormList({
prepend: opts.serialize_prefix
}) + "&form_id=" + form_db_id + "&fname=" +fname + "&lname=" +lname,
success: function () {}
});
}
};
到目前为止,一切都很好。这非常好用。问题是我想在提交之前使用jquery Validate plugin
来验证输入字段。现在我可以在(document).ready
上使用jQuery Form plugin
来验证字段。类似于:
$('#myForm').ajaxForm(
{
type: "POST",
url: "examplesave",
data: ?????????????????????????????????
beforeSubmit : function() {
$("#myForm").validate({
rules : {
fname : {
required : true
},
lname : {
required : true
}
},
messages : {
fname : "Please enter...",
lname : "Please enter..."
}
});
return $("#myForm").valid();
},
success : function() {}
});
但是我如何获得数据
data: $(ul_obj).serializeFormList({
prepend: opts.serialize_prefix
}) + "&form_id=" + form_db_id + "&fname=" +fname + "&lname=" +lname
部分?它只是按原样提交表单&jQuery表单生成器无法将输入序列化在一起。我如何在这里使用序列化插件?我真的陷入了困境。我不太擅长javascript。
有人能指导我吗?如果不清楚,我可以补充更多细节。我绞尽脑汁。还有其他方法吗?请提出建议。
尝试使用serialize()函数
...
data:$("#myForm").serialize();
这将从元素中序列化所有您
相关文章:
- 加载后的页面与ajax表单提交不起作用
- AngularJS JQuery Ajax表单提交等效
- 将Computed PHP Variable传递到jQuery/Ajax表单
- 当阻止Enter键提交AJAX表单时,关注下一个输入是't工作
- Ajax表单数据phpPOST不工作
- 我的ajax表单没有提交
- Javascript尽管ID不同,但只有第一个按钮提交给Ajax表单
- ajax表单提交的编码问题
- AJAX表单验证-防止空白字段
- ajax表单提交后从客户端重定向
- AJAX 表单不是 AJAX 提交
- PHP Ajax 表单提交 .什么也没发生
- Jquery&Ajax表单验证功能
- ajax表单每触发第n个select onchange事件就发送n次
- 为什么event.prventDefault()和'return false'停止我的AJAX表单提交操
- 使用jQuery和Ajax表单提交问题
- 提交AJAX表单,重定向而不是在页面上处理
- Ajax表单不返回PHP数据
- Ajax表单提交密钥或更改
- Jquery Ajax表单提交:多个表单-相同的按钮id's