jquery+正則表達式验证邮箱格式的样例「建议收藏」

jquery+正則表達式验证邮箱格式的样例

大家好,又见面了,我是全栈君。

js:

$("#email").blur(function(){
	 //获取id相应的元素的值,去掉其左右的空格
	 var email = $.trim($('#email').val());
	 //验证邮箱格式的js正則表達式
	 var isEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
	 //清空显示层中的数据    
	 $("#emailMess").html("");
	 if(email == ""){
		   $("#emailMess").html("<font color='red'>"+"邮箱不能为空"+"</font>");
	 }
	 else if(!(isEmail.test(email))){
		   $("#emailMess").html("<font color='red'>"+"邮箱格式不对"+"</font>");
	 }
	 else{
                   //此处能够操作向后台发送json数据,然后返回验证结果
        }


html:

<script type="text/javascript" src="js/jquery-1.10.1.js"></script>

<div class="li">
    <label for="email" class="label"><span class="flag">* </span>邮箱:</label>
    <input type="text" name="userInfo.email" id="email" placeholder="请输入有效的邮箱" size="30" maxlength="25"/><label id="emailMess" class="label_mess"></label>
</div>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/115576.html原文链接:https://javaforall.net

(0)
上一篇 2022年2月2日 下午3:00
下一篇 2022年2月2日 下午3:00


相关推荐

  • nginx开源_NGINX反向代理

    nginx开源_NGINX反向代理Nginx源码分析-初探Nginx的架构 Nginx源码分析-基础数据结构篇-内存池ngx_palloc.c Nginx源码分析-基础数据结构篇-数组结构ngx_array.c Nginx源码分析-基础数据结构篇-缓冲区结构ngx_buf.c Nginx源码分析-基础数据结构篇-双向链表结构ngx_queue.c Nginx源码分析……

    2022年8月13日
    6
  • H3C交换机常用配置命令

    H3C交换机常用配置命令一.用户配置:&lt;H3C&gt;system-view[H3C]superpasswordH3C   设置用户分级密码[H3C]undosuperpassword   删除用户分级密码[H3C]localuserbigheap1234561   Web网管用户设置,1(缺省)为管理级用户,缺省admin,admin[H3C]undolocaluserbigheap…

    2022年6月20日
    35
  • Qt:windows下Qt安装教程

    Qt:windows下Qt安装教程win10按照qt

    2022年5月17日
    47
  • Eclipse使用Maven创建Web时错误:Could not resolve archetype org.apache.maven.archetypes:maven-archetype-webap

    Eclipse使用Maven创建Web时错误:Could not resolve archetype org.apache.maven.archetypes:maven-archetype-webap问题描述:使用Eclipse自带的Maven插件创建Web项目时报错:Couldnotresolvearchetypeorg.apache.maven.archetypes:maven-archetype-webapp:RELEASEfromanyoftheconfiguredrepositories.Couldnotresolveartifa

    2022年7月24日
    11
  • coze智能体如何接入即梦

    coze智能体如何接入即梦

    2026年3月12日
    1
  • 卷积和内积

    卷积和内积我是从支持向量机中领悟到內积运算与之前学过的卷积运算特别相似 搜索了一下 早有学者发现了这种相似 参考 卷积和內积信号处理中的一个重要运算是卷积 初学卷积的时候 往往是在连续的情形 两个函数 f x g x 的卷积 是 f u g x u du 当然 证明卷积的一些性质并不困难 比如交换 结合等等 但是对于卷积运算的来处 初学者就不甚了了 其实 从离散的情形看卷积 或许更加清楚 对于两个序

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号