在下面的脚本中,我检查输入的电子邮件是否有效。它不是最好的正则表达式,但是现在还可以。另外,目前我不对任何服务器端进行输入检查。仅使用此脚本。
我有这个问题:
当电子邮件有效时,当我键入无效的电子邮件后,我首先得到您的电子邮件格式无效,然后我们启动时会通知您。谢谢!警报。电子邮件也被发送。如何解决呢?
谢谢
这是我的表格
<form id="myform" action="" method="POST">
<input id="subscribe" name="subscribe" class="subscribe floatLeft" type="text">
<button id="signUp" class="signUp floatRight" ><intro>notify!</intro></button>
<div class="clear"> </div>
</form>
这是脚本
var signUp = function(inputEmail) {
var isValid = true;
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (!emailReg.test(inputEmail)) {
isValid = false;
alert('Your email is not in valid format');
}
$("#myform").submit(function(event) {
event.preventDefault();
if (!isValid) {
return false;
} else {
$.post('mailme.php', $("#myform").serialize(), function(data) {
alert('You will be notified when we launch. Thank you!');
});
return false;
}
});
};
最佳答案
您需要onsubmit事件返回false。
无论如何,您都需要绑定Submit事件并在那里进行isValid检查。
$("#myform").submit(function(event){
event.preventDefault();
if(!isValid){
return false;
}else{
$.post(...)
return false;
}
});
- 编辑 -
忘记返回false / event.preventDefault;但是就像我说的那样,无论如何,提交事件都需要绑定
-编辑2--
function validEmail(email){
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return email.test(emailReg)
}
$(document).ready(function(){
$("#myform").bind({
submit: function(e){
e.preventDefault();
if(validEmail($("#myform").find("#subscribe").val()){
$.post(...)
alert("You will be notified");
return false;
}
else {
alert("Invalid email");
return false;
}
});
});
}
关于javascript - 表单在jQuery中输入无效时错误地显示成功警报框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7945601/