Javascript JQuery和validate插件-如何在提交时添加促销消息
我需要在表单底部或当用户满足某些条件时在警报中添加促销消息。我认为最好是提高警惕。这与某些邮政编码有关，因此我需要编写一个正则表达式（我还没有这样做）。它需要在用户单击submit时发生，然后再转到服务器。我不知道如何写这个，以及它应该放在我的脚本中的什么地方。如果有帮助的话，这就是我目前所拥有的Javascript JQuery和validate插件-如何在提交时添加促销消息,javascript,jquery,validation,Javascript,Jquery,Validation,我需要在表单底部或当用户满足某些条件时在警报中添加促销消息。我认为最好是提高警惕。这与某些邮政编码有关，因此我需要编写一个正则表达式（我还没有这样做）。它需要在用户单击submit时发生，然后再转到服务器。我不知道如何写这个，以及它应该放在我的脚本中的什么地方。如果有帮助的话，这就是我目前所拥有的 $(document).ready(function(){ $("#orderForm").validate({ onfocusout: function(element) {
$(document).ready(function(){
$("#orderForm").validate({
onfocusout: function(element) {
this.element(element);
},
rules: {
shipFirstName: {
required: true,
},
shipFamilyName: {
required: true,
},
shipPhoneNumber: {
required: true,
},
shipStreetName: {
required: true,
},
shipCity: {
required: true,
},
billEmailAddress: {
required: true,
},
billPhoneNumber: {
required: true,
},
billCardNumber: {
required: true,
},
billCardType: {
required: true,
},
shipPostalCode: {
postalCode: true,
},
fidelityCardNumber: {
creditCardNumber: true,
},
}, //end of rules
}); // end of validate
}); // end of function
$.validator.addMethod('postalCode',
function (value, element)
{
return this.optional(element) || /^[A-Z]{2}\d{1,2}\s\d{1,2}[A-Z]{2}$/.test(value);
}, 'Please enter a valid Postal Code');
$.validator.addMethod('creditCardNumber',
function(value, element)
{
return this.optional(element) || /^[A-Z]{1}([A-Z]|\d){4}\s?([A-Z]|\d){5}\s?([A-Z]|\d){3}\d{1}(\!|\&|\@|\?){1}$/.test(value);
}, 'Please enter a valid card number');
为submit按钮编写一个单击函数，并在其中调用ajax函数
$("#submit").click(function(){
alert("This is a promotional message on submit");
//here write ur ajax code.
});
在Jquery中。为submit按钮编写一个单击函数，并在其中调用ajax函数
$("#submit").click(function(){
alert("This is a promotional message on submit");
//here write ur ajax code.
});
在Jquery中。您需要提供submitHandler作为方法的一个选项。您需要提供submitHandler作为方法的一个选项。您应该能够这样做（这将取代默认的提交行为）：
您应该能够执行以下操作（这将替换默认的提交行为）： 函数
function openModalDialog() {
$("<div>Wanna buy?? <button value="yes" id="y/><button value="no" id="n/></div>")
.after("body p:first-child")
.show('slide')
.find("#y, #n").click(function() { $("form #hasAsked").val("true") /* default: false */; })
.end()
.find("#y")
.click(function() { $("form #hiddenbuy").val("true"); })
.end()
.find("#n")
.click(function() { $("form #hiddenbuy").val("false"); })
}
函数openModalDialog（）{
$（“想买吗？”）
.之后（“主体p：第一个孩子”）
.show（'幻灯片'）
.find（“#y，#n”）。单击（函数（）{$（“表单#hassask”）.val（“true”）/*默认值：false*/}）
(完)
.find（“#y”）
.click（function（）{$（“form#hiddenbuy”）.val（“true”）；}）
(完)
.find（“#n”）
.click（function（）{$（“form#hiddenbuy”）.val（“false”）；}）
}
function openModalDialog() {
$("<div>Wanna buy?? <button value="yes" id="y/><button value="no" id="n/></div>")
.after("body p:first-child")
.show('slide')
.find("#y, #n").click(function() { $("form #hasAsked").val("true") /* default: false */; })
.end()
.find("#y")
.click(function() { $("form #hiddenbuy").val("true"); })
.end()
.find("#n")
.click(function() { $("form #hiddenbuy").val("false"); })
}
函数openModalDialog（）{
$（“想买吗？”）
.之后（“主体p：第一个孩子”）
.show（'幻灯片'）
.find（“#y，#n”）。单击（函数（）{$（“表单#hassask”）.val（“true”）/*默认值：false*/}）
(完)
.find（“#y”）
.click（function（）{$（“form#hiddenbuy”）.val（“true”）；}）
(完)
.find（“#n”）
.click（function（）{$（“form#hiddenbuy”）.val（“false”）；}）
}