我有一个带有jquery和php的简单表单
每当有人点击提交按钮,他们必须点击两次
这是我的jQuery
$('#submit_btn').on('click', function(){
var post_data, proceed, user_email, user_message, user_name, user_phone;
user_name = $("input[name=name]").val();
user_email = $("input[name=email]").val();
user_phone = $("input[name=phone]").val();
user_message = $("textarea[name=message]").val();
proceed = true;
if (user_name === "") {
$("input[name=name]").css("border-color", "red");
proceed = false;
}
if (user_email === "") {
$("input[name=email]").css("border-color", "red");
proceed = false;
}
if (user_phone === "") {
$("input[name=phone]").css("border-color", "red");
proceed = false;
}
if (user_message === "") {
$("textarea[name=message]").css("border-color", "red");
proceed = false;
}
if (proceed) {
post_data = {
userName: user_name,
userEmail: user_email,
userPhone: user_phone,
userMessage: user_message
};
$.post("contact_me_test.php", post_data, (function(response) {
var output;
if (response.type === "error") {
output = "<div class='"error'">" + response.text + "</div>";
} else {
output = "<div class='"success'">" + response.text + "</div>";
$('#contact-form-container').fadeOut(function(e){
$('#form-success-message').fadeIn();
});
$("#contact_form input").val("");
$("#contact_form textarea").val("");
}
$("#result").hide().html(output).slideDown();
}), "json");
}
});
这是我的jQuery
有什么东西需要在这里按两次吗?我在网上看了几个小时,有些人说你需要取消验证,但我试过了,我得到了同样的结果。
关于表单的一切都很好,唯一的问题是你必须点击两次
尝试使用以下代码:
$('#submit_btn').on('click', function(evt){
evt.preventDefault();
... //Rest of code
}