javascript表单验证不适用于chrome&;FF
下面是html/javascript代码。。。 我已经在safari上测试过了,效果很好,但在chrome&FF上根本无法验证。 它会自动将我指向操作链接javascript表单验证不适用于chrome&;FF,javascript,jquery,forms,Javascript,Jquery,Forms,下面是html/javascript代码。。。 我已经在safari上测试过了,效果很好,但在chrome&FF上根本无法验证。 它会自动将我指向操作链接 <div id="mc_embed_signup"> <form action="http://example.com/subscribe/post?u=f752d10720e6104f1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-su
<div id="mc_embed_signup">
<form action="http://example.com/subscribe/post?u=f752d10720e6104f1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<input type="email" value="" name="EMAIL" class="text" id="mce-EMAIL" placeholder="Enter you email">
<div style="position: absolute; left: -5000px;"><input type="text" name="b_f752d10720e6104f109250a61_95e4fc5f29" value=""></div>
<input type="submit" value="submit" name="subscribe" id="mc-embedded-subscribe" class="button" >
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function validate(){
var email = $("#mce-EMAIL").val();
if (!validateEmail(email)) {
$("#mce-EMAIL").css("border-color", "red");
return false;
}
$("#mce-EMAIL").css("border-color", "#dbdbdb");
return true;
}
$(document).ready(function(){
$("form").bind("submit", validate);
});
</script>
功能验证邮件(电子邮件){
变量re=/^([^()[\]\\,;:\s@\“]+(\.[^()[\]\,;:\s@\“]+)*)(\'+\”)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.];
返回重新测试(电子邮件);
}
函数验证(){
var email=$(“#mce email”).val();
如果(!validateEmail(电子邮件)){
$(“#mce EMAIL”).css(“边框颜色”、“红色”);
返回false;
}
$(“#mce EMAIL”).css(“边框颜色”,“#dbdb”);
返回true;
}
$(文档).ready(函数(){
美元(“表格”)。绑定(“提交”,验证);
});
先谢谢你
function validate(){
var email = $("#mce-EMAIL").val();
if (!validateEmail(email)) {
$("#mce-EMAIL").css("border-color", "red");
return false;
}
else{
$("#mce-EMAIL").css("border-color", "#dbdbdb");
$("form").submit();
return true;
}
}
$(document).ready(function(){
$("#mc-embedded-subscribe").on("click",function(){ validate()});
});
这可能更好,绑定submit和validate,无论如何都会提交表单 嘿,还是不工作。。它将文本框边框颜色更改为红色,并重定向到操作url:/@JayM,然后使用else@JayM在返回false之前尝试使用event.stopImmediatePropagation();工作!,因为我的服务器需要SSL,所以我应该用https替换所有http。