如何使表单action="connect.php"在我的函数中停止?我已经做到了,如果输入错误,那么它会返回错误;但是,如果没有返回错误,则会发生 action="connect.php",但我无法弄清楚如何使 action="connect.php" 发生如果有错误。我怎样才能让它停止,并且不去连接.php?
.html:
<form action="connect.php" method="get" name="registerForm">
<h3>Not a member yet? Sign Up!</h3>
<p>Username:</p><input type="text" name="name" id="registerinput_username">
<div id="usernamereq2"><p>Field is required.</p><img src="ximg.png" alt="x"></div>
<p>Email:</p><input type="text" name="email" id="registerinput_email">
<div id="emailreq"><p>Field is required.</p><img src="ximg.png" alt="x"></div>
<p>A password will be e-mailed to you.</p>
<input type="submit" name="submit" value="Register" id="registersubmit">
</form>
JavaScript 和 jquery:
$("#registersubmit").click(function(){
if($("#registerinput_username").val() == "" || $("#registerinput_email").val() == "")
{
if($("#registerinput_username").val() == "")
{
$("#usernamereq2").css({
opacity:'1'
});
}
if($("#registerinput_email").val() == "")
{
$("#emailreq").css({
opacity:'1'
});
}
}
if($("#registerinput_username").val() != "")
{
$("#usernamereq2").css({
opacity:'0'
});
}
if($("#registerinput_email").val() != "")
{
$("#emailreq").css({
opacity:'0'
});
checkContinue();
}
if($("#registerinput_email").val() != "" && $("#registerinput_username").val() != "")
{
validateFormRegister();
}
});
function validateFormRegister()
{
var email=document.forms["registerForm"]["email"].value;
var atpos=email.indexOf("@");
var dotpos=email.lastIndexOf(".");
var name=document.forms["registerForm"]["name"].value;
var x=name.length;
if(atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length)
{
alert("Email is invalid.");
}
if(x<5)
{
alert("Username is too short! Must be at least 5 characters.");
}
}
您可以使用
preventDefault()
来阻止 defult 事件的发生:
$("#registersubmit").click(function(e){
e.preventDefault();
验证完成后,您可以致电.submit()
提交表单。
<!-- add id attribute t form -->
<form action="connect.php" method="get" id="registerForm" name="registerForm">
// add submit() to actually submit form
$("#target").submit();
在点击事件末尾添加 event.preventDeafult():
$("#registersubmit").click(function(event){
event.preventDeafult();
)};
您可以在页面加载时删除按钮上的submit
类型,然后根据错误在button
和submit
之间切换它。
var button = $('#registersubmit');
button.prop('type','button');
var error = true;
// perform error checking
if(!error){
button.prop('type', 'submit');
}
http://jsfiddle.net/j9SN7/
您可以使用 preventDefault 停止提交。
$("#registersubmit").click(function(e){
{form validation here}
if(form is invalid )
e.preventDefault();
}
}