JavaScript使用正则表达式进行邮箱表单验证实例

简介: JavaScript使用正则表达式进行邮箱表单验证实例


*******JavaScript使用正则表达式进行邮箱表单验证实例************

1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下

/正则表达式/.test(验证内容)


扩展:JavaScript中正则表达式对象(RegExp)存在3个方法

       *(1)test()

           test() 方法检索字符串中的指定值。返回值是 true 或 false。

       *(2)exec()

           exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。

       *(3)compile()

           compile() 方法用于改变 RegExp。

           compile() 既可以改变检索模式,也可以添加或删除第二个参数。

         

           详情请参照w3school 网址JavaScript RegExp 对象



2.Onsubmit 事件是一个在表单上编写的事件操作,只要是表单提交都要触发此事件


实例:

 

     

      email 验证

      </div><div>            function valuedate(f){</div><div>                var value = f.mytext.value;</div><div>                if(!/^\w+@\w+.\w+$/.test(value)){</div><div>                    alert("邮箱格式不正确!请重新输入");</div><div>                    f.mytext.focus();</div><div>                    f.mytext.select();</div><div>                    return false;</div><div>                }else{</div><div>                return true;</div><div>                }</div><div>            }</div><div>        

 

 

 

     

           email:

         

     

 



目录
相关文章
|
4月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
163 1
|
4月前
|
前端开发 JavaScript
基础 JavaScript 实例
基础 JavaScript 实例
31 1
|
5月前
|
JavaScript 前端开发
JavaScript 表单验证
JavaScript 表单验证
24 9
|
5月前
|
自然语言处理 JavaScript 前端开发
JavaScript 正则表达式
JavaScript 正则表达式
30 3
|
6月前
|
JavaScript 前端开发
js中通过正则表达式验证邮箱是否合法
这篇文章提供了一个JavaScript示例,通过正则表达式在网页上验证用户输入的邮箱地址是否合法,并给出了相应的提示信息。
js中通过正则表达式验证邮箱是否合法
|
5月前
|
JavaScript 前端开发
js登录注册简单tab切换页面(含前台表单验证)
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面,并实现Tab切换效果。包括了表单验证,点击登录或注册按钮时,可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
|
6月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
88 0
|
6月前
|
JavaScript
js之选项卡制作实例
js之选项卡制作实例
43 0
|
7月前
|
JavaScript 数据安全/隐私保护
js 常用正则表达式【实用】
js 常用正则表达式【实用】
41 0

热门文章

最新文章