Question

在js中表单提交是弹出提交成功怎么写

function checkForm(){

if(checkUsername()==false || checkEmail()==false || checkPhone()==false){
return false;
}else{

}
return true;
}
</script>

<form action="/www/InsertInformationAction" method="post" onsubmit="return checkForm()">
用户名：<input type="text" id="uname" name="name" onblur="checkUsername()" /><span id="nameErrMsg"></span> <br/>
email: <input type="text" id="uemail" name="email" onblur="checkEmail()"/><span id="emailErrMsg"></span><br/>
手机： <input type="text" id="uphone" name="phone" onblur="checkPhone()"/><span id="phoneErrMsg"></span><br/>
主题： <textarea name="theme"></textarea><br/>
<input type="submit" class="mybutton" value="提交">
</form>

请哪位大神帮帮忙，急，谢谢

Answer 1

submit只是表单提交时的验证事件，无法获取提交是否成功
return false阻止表单提交，自己写ajax提交表单内容
$("#xxx").submit(function () {
$.ajax({ type: 'POST', data: $(this).val(), url: 'xxxx',
success: function () { //...
},
error: function (xhr) {
//...
}
});
return false;
});

Answer 2

你说的这个提交成功需要后台操作，也就是你表单提交的地址/www/InsertInformationAction来操作，因为你表单一提交，页面就刷新， 拿到了接口返回的结果，所以，你这个”提交成功“是在后台操作的：

public static void InsertInformationAction(){
  if(提交成功){
    Response.Write("<script>alert('提交成功');</script>");
  }
  else{
   Response.Write("<script>alert('提交失败');</script>");
  }
}

同样，接口返回也可以调用js方法。

Answer 3

用ajax，如果非要用form提交，那么返回的肯定是页面，你可以在页面上判断返回值，然后根据返回值alert出来就好了，再返回该页面即可

Answer 4

提交成功时提示提交成功？ alert("提交成功！");

追问

我知道这句话，问题是我不知道在哪里写这句话，初次接触这个，麻烦您说下，谢谢

追答

function checkForm(){

if(checkUsername()==false || checkEmail()==false || checkPhone()==false){

return false;
}else{

}
alert("提交成功！"); 这里加
return true;
}