使用jquery在前台页面验证邮箱输入是否正确

来源：互联网发布：金仕达交易软件官网编辑：程序博客网时间：2024/04/29 00:47

转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/53893591
本文出自【我是干勾鱼的博客】

使用jquery在前台页面验证邮箱输入是否正确，代码如下：

<!DOCTYPE html><html><head><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">/** * 使用jquery在前台页面验证邮箱输入是否正确 */function postComment() {    //验证邮箱    if(!$("input[name='email']").val().match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) {        alert("邮箱格式不正确！请重新输入");        return false;    } else {                alert("邮箱正确！");        }}</script></head><body><div class="form-group">    <input class="form-email" type="text" required="required" placeholder="邮箱(必填)" name="email" maxlength="50"></input></div><input class="btn btn-primary" type="submit" value="提交" name="submit" onclick="return postComment()" /></body></html>

如果随便输入一个邮箱地址，则显示：

这里写图片描述

输入一个正确的，则显示：

这里写图片描述

主要是在jquery代码中加入了与邮箱相关的正则表达式的验证。

1 0