html5 JavaScript 邮箱地址验证

<!doctype html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>html5 网页特效 邮箱地址验证</title>
<style>
body, input, textarea {
  font-family: "helvetica", arial, helvetica;
}
label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 100px;
  margin-right: 10px;
}

div { padding: 10px; }

fieldset { border: 1px solid #ccc; margin-bottom: 20px; }

</style>
</head>
<body>
<form>
  <fieldset>
    <legend>some bits about you</legend>
    <div><label for="email">email:</label> <input id="email" name="email" type="email" /></div>

    <div><label for="url">homepage:</label><input id="url" type="url" name="url" required /></div>
    <div><textarea name="comment" cols="100" rows="5" required></textarea></div>
  </fieldset>
  <input type="submit" />
</form>
<script>
// default validation messages
var messages = {
  email: 'be not a legal email address',
  url: 'be not a valid web address',
  comment: 'ye have to specify ye value'
};
var forms = document.getelementsbytagname('form'), i = forms.length, j, el;
while (i--) {
  j = forms[i].length;
  while (j--, el = forms[i][j]) {
    if (el.willvalidate && messages[el.name]) {
      el.setcustomvalidity(messages[el.name]);
    }
  }
}
</script>
<script>
var form = document.getelementsbytagname('form')[0];
form.onsubmit = function (event) {
  var i = this.length, el, cont = true, errors = [];
  while (i--, el = this[i]) {
    if (el.willvalidate) {
      if (!el.validity.valid) {
        errors.push('error with ' + el.name + (el.validationmessage ? ': ' + el.validationmessage: ''));
        cont = false;
      }
    }
  }
 
  if (errors.length) {
    // replace alert with your sexy css教程 info bubbles
    alert(errors.join('n'));
  }

  return cont;
};
</script>
</body>
</html>

时间: 2024-08-01 20:37:10

html5 JavaScript 邮箱地址验证的相关文章

javascript邮箱地址验证程序

javascript教程邮箱地址验证程序 validateEmail() 下一步我们希望看到的电子邮件地址,如果用户输入的是真实的.这意味着输入数据 必须至少包含一个@符号和一个点(.).此外,@绝不能以电子邮件地址的第一个字 符,最后点必须至少@符号后的一个字符. 首先我们检查用户输入的所有电子邮件中的任何领域.下一步,我们使用正则表达式 和测试()方法来检查遵守的领域.同时,我们将使用trim()函数,将削减领导过 的字符串空白.这不会是完美的验证 - 有可能跌破它不符合解决 - 但通常不够

javascript邮箱地址验证与详细说明

例子 /^([0-9a-z][0-9a-z_]*[0-9a-z]|[0-9a-z])@[a-z0-9.-]+.[a-z]{2,4}$/i 没有对@之后的内容做太多限制,可根据需要修改 验证邮箱格式 function check_email(obj){ var reg = /^[a-za-z0-9_-]+(.([a-za-z0-9_-])+)*@[a-za-z0-9_-]+[.][a-za-z0-9_-]+([.][a-za-z0-9_-]+)*$/; if(obj.value!=""&

邮箱地址验证正则表达式

邮箱地址验证正则表达式 ereg("^[a-zA-Z0-9_]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$]", $email); if (eregi("^[a-zA-Z0-9_]+@[a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$]", $email)) { return FALSE; } //方法二 function is_email($address) {       $rc1 = (ereg("^[-!#$%&'

js和php邮箱地址验证的实现

 这篇文章主要介绍了js和php邮箱地址验证的实现方法,有需要的朋友可以参考一下 邮箱地址验证有很多方法.在浏览器端,js邮箱验证可以通过正则表达式检测.   比如:   代码如下: function isEmail(email) {     return /^((([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])+(.([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFu

服务器与客户端的邮箱地址验证函数

  邮箱地址验证有很多方法.在浏览器端,js邮箱验证可以通过正则表达式检测.  代码如下   function isEmail(email) {     return /^((([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])+(.([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])+)*)|((x22)((((x20|x09

asp 邮箱地址验证正则表达式

方法一 Public Function ChkMail(ByVal Email) Dim Rep,Pmail : ChkMail = True : Set Rep = New RegExp Rep.Pattern = "([.a-zA-Z0-9_-]){2,10}@([a-zA-Z0-9_-]){2,10}(.([a-zA-Z0-9]){2,}){1,4}$" Pmail = Rep.Test(Email) : Set Rep = Nothing If Not Pmail Then C

jquery formvalidator邮箱地址验证

jquery formvalidator邮箱地址验证 var regstring='^[1-9]d*$';//string表示 var reg=new regexp(regstring);//string to regexp var reg=/^[1-9]d*$/;//直接写法 邮箱地址 w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)* formvalidator 怎么可能会出现如此低级的bug .自己输入一个email 地址 后边没有加 .com 居然提示正确.顿时哥

js和php邮箱地址验证的实现方法_php技巧

邮箱地址验证有很多方法.在浏览器端,js邮箱验证可以通过正则表达式检测. 比如: 复制代码 代码如下: function isEmail(email) {    return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\u

用户检验极好邮箱地址验证代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-