我在表单中添加了一些 javascript 以在提交表单之前验证电子邮件。我不想要一个单独的按钮来验证,我希望它成为表单提交按钮的一部分。它目前有效,并出现一条消息,要求我输入有效的电子邮件地址。问题是当我单击“确定”时,它仍然尝试提交表单(但失败),而不是返回表单以更正电子邮件地址。
我的Javascript:
<script language="javascript">
function checkEmail() {
var email = document.getElementById('txtEmail');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}</script>
我的 HTML:
<input type="text" name="email" id="txtEmail" />
<input type="SUBMIT" class="button" value="Submit Email" onclick='Javascript:checkEmail();' />
我不知道是什么问题。任何帮助,将不胜感激。干杯
最佳答案
只需在函数调用之前添加return:
<input type="SUBMIT" class="button" value="Submit Email" onclick='Javascript:return checkEmail();' />
关于Javascript 邮箱验证码问题(还在提交表单),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21278326/