jQuery 使用 jquery.validate() 进行对话验证
jQuery dialog validation using jquery.validate()
当我点击提交按钮时,它仍然在不验证字段的情况下提交表单。我也在这里查看了其他解决方案,但毫无疑问提到了在提交时的点击功能中要做什么。
这是我的代码:https://jsfiddle.net/ishtiaq156/an1xqoxz/
形式:
$('#submitContact').click(function() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
});
JavaScript:
$('#submitContact').click(function() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
});
你应该 post 这里控制台日志
确保您已经包含 jquery 验证插件
我过去做过的一种方法是向调用您的 ajax 函数的验证代码添加提交处理程序。然后您可以将按钮更改为 type="submit"
$('#addCustomerForm').validate({
rules: {
/* removed for brevity */
},
messages: {
/* removed for brevity */
},
submitHandler: function (form) {
updateRecord();
/* $("#dialog-form").dialog("close"); - if using dialog */
}
/* ....add other options as needed */
});
function updateRecord() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
}
此外,您可以使用数据发送所有表单变量,而不是将一些变量添加到 URL:
data: {
customerId: customerId,
addContact: "addContact",
...add other form fields
}
当我点击提交按钮时,它仍然在不验证字段的情况下提交表单。我也在这里查看了其他解决方案,但毫无疑问提到了在提交时的点击功能中要做什么。
这是我的代码:https://jsfiddle.net/ishtiaq156/an1xqoxz/
形式:
$('#submitContact').click(function() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
});
JavaScript:
$('#submitContact').click(function() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
});
你应该 post 这里控制台日志
确保您已经包含 jquery 验证插件
我过去做过的一种方法是向调用您的 ajax 函数的验证代码添加提交处理程序。然后您可以将按钮更改为 type="submit"
$('#addCustomerForm').validate({
rules: {
/* removed for brevity */
},
messages: {
/* removed for brevity */
},
submitHandler: function (form) {
updateRecord();
/* $("#dialog-form").dialog("close"); - if using dialog */
}
/* ....add other options as needed */
});
function updateRecord() {
var customerId = $('#customerId').val();
var formData = $('#addCustomerForm').serialize();
$.ajax({
url: "/abc/admin/customer/" + customerId + "/addContact",
type: "POST",
dataType: "json",
data: formData,
success: function(data) {
location.reload();
},
failure: function(errMsg) {
alert(errMsg);
}
});
}
此外,您可以使用数据发送所有表单变量,而不是将一些变量添加到 URL:
data: {
customerId: customerId,
addContact: "addContact",
...add other form fields
}