jquery 验证Email邮箱格式的代码示例
2013-05-07 00:00
561 查看
发布:thatboy 来源:Net 【
大
中
小】
本篇文章介绍了,Jquery对Email邮箱进行格式验证的几个例子,有需要的朋友,可以参考看看。
例1,检测邮箱格式,不合格的给出提示,并定位焦点。
例2,jquery判断Email是否合法
1、HTML代码
例3,JQuery实现电子邮件验证
本文出处参考:http://www.jbxue.com/article/8156.html
大
中
小】
本篇文章介绍了,Jquery对Email邮箱进行格式验证的几个例子,有需要的朋友,可以参考看看。
例1,检测邮箱格式,不合格的给出提示,并定位焦点。
var search_str = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/; var email_val = $("#Email").val(); if(!search_str.test(email_val)){ alert("please input right email !"); $('#Email').focus(); return false; }
例2,jquery判断Email是否合法
1、HTML代码
<tr> <td height="30" align="right">E-mail:</td> <td><input id="mail" name="mail" type="text" class="inputT" /></td> </tr>2、获取input信息
var mail = $('#mail').val(); if (mail != '') {//判断 var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; if (!reg.test(mail)) { alert('邮箱格式不正确,请重新填写!'); return false; } }
例3,JQuery实现电子邮件验证
<!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> <script src="/js/jquery-1.4.2.js" type="text/javascript"></script> <script language="javascript">$(document).ready(function() { $('.error').hide(); $('.submit').click(function(event){ var email=$('.email').val(); if(valid_email(email)) { $('.error').hide(); } else { $('.error').show(); event.preventDefault(); } }); }); function valid_email(email) { // var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/); var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+(com|cn)$/); return patten.test(email); } </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery实现电子邮件验证-www.jbxue.com</title> </head> <body> <form id="register" method="post" action=""> <div> <span>输入电子邮件:</span> <input type="text" class="email" name="email" /> <span class="error">非法的电子邮件地址!</span> <input type="submit" value="提交" class="submit" /> </div> </form> </body> </html>
本文出处参考:http://www.jbxue.com/article/8156.html
相关文章推荐
- jquery验证手机号码、邮箱格式是否正确示例代码
- jquery验证手机号码、邮箱格式是否正确示例代码
- jquery验证手机号码、邮箱格式是否正确示例代码
- jquery验证手机号码、邮箱格式是否正确示例代码
- jquery 验证Email邮箱格式的几个例子
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- [导入]Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- Asp.net 2.0 实现自定义Email格式有效性验证(示例代码下载)
- jquery验证邮箱格式是否正确实例讲解
- 用户输入验证邮箱,通过javascript代码验证邮箱格式是否正确 //邮箱验证
- Js和Jquery中ajax返回JSON格式的两种方法!(各有示例代码)
- js、php验证 邮箱 用户名 电话 邮编 地址 的简单示例代码
- jQuery简单实现验证邮箱格式
- jQuery自定义函数验证邮箱格式
- jQuery中使用Ajax获取JSON格式数据示例代码
- JS验证邮箱格式是否正确的代码