JavaScript 提交表单时验证电子邮件地址

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 提交表单时验证电子邮件地址相关的知识,希望对你有一定的参考价值。

function validateEmail ( fieldId ) {
  var field = document.getElementById( fieldId );
  var address = field.value;
  //based on 'valid email' by krisdb via snipplr.com
  var filter=/^.+@.+\..{2,3}$/;
  return (function (){
    if (filter.test(address))
      return true;
    else {
      if (address == '') { 
	alert('Please enter a valid email address before submitting the form.');
      } else {
	alert('"' + address + '" is not a valid email address.  Please correct your address and try again.');
      }
      field.focus();
      return false;
    }
  })();
}
window.onload = function() { 
  clearOnInitialFocus('email');
  document.forms[0].onsubmit = function () { return validateEmail('email') };
}

以上是关于JavaScript 提交表单时验证电子邮件地址的主要内容,如果未能解决你的问题,请参考以下文章

当同一页面上有多个使用同一个类时,如何验证电子邮件提交表单?

如何通过Javascript提交带有自定义变量的表单?

电子邮件验证:JavaScript

提交表单时电子邮件值验证错误

javascript 中两个表单如何分别提交

表单验证