Jquery.php表单必须单击Submit Twice Why
Jquery/php form have to click Submit Twice Why?
我有一个带有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
}
相关文章:
- jQuery submit()的角度等效项
- Javascript form.submit()方法是如何工作的
- 如何在submit to sightly时将表单输入值作为参数传递给WCMUsePojo
- This.Form.Submit() on CakePHP
- 未捕获错误:语法错误,无法识别的表达式:input[@type=submit]
- jQuery函数无法处理Form Submit
- 为什么表单元素不应命名为submit
- javascript表单字段submit:Object dos'在IE8中不支持此属性或方法
- 单选按钮的验证(启用)&使用Jquery Optimization从复选框中选择submit按钮
- 如何使用SpringWebFlow在JavaScript中处理form.submit()
- onsubmit返回false,但submit仍然执行
- angularjs formly submit bug in safari & IE 11
- 如何获得<html:submit>按钮是在javascript中单击的
- this.form.submit()无法正常使用php
- 清空$_GET和$_POST,表单使用form.submit()
- 在带有参数列表的表单submit上调用一个方法
- 为什么form.submit()在使用jQuery时有效,而在使用普通JS时无效
- 如何解决document.createelement('form').submit和&submi
- Document.form.submit() 不起作用
- Jquery.php表单必须单击Submit Twice Why