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

最新推荐文章于 2023-03-12 17:17:57 发布

程序员晓凡

最新推荐文章于 2023-03-12 17:17:57 发布

阅读量6.1k

点赞数 2

分类专栏：编程语言

本文链接：https://blog.csdn.net/rong09_13/article/details/50563539

版权

编程语言专栏收录该内容

6 篇文章 0 订阅

订阅专栏

*******JavaScript使用正则表达式进行邮箱表单验证实例************
1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下
/正则表达式/.test(验证内容)

扩展：JavaScript中正则表达式对象(RegExp)存在3个方法
       *（1）test()
           test() 方法检索字符串中的指定值。返回值是 true 或 false。
       *（2）exec()
           exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
       *（3）compile()
           compile() 方法用于改变 RegExp。
           compile() 既可以改变检索模式，也可以添加或删除第二个参数。

           详情请参照w3school 网址<a href="http://www.w3school.com.cn/js/js_obj_regexp.asp">JavaScript RegExp 对象</a>

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

实例：
<html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>email 验证</title>
       <script language="javascript">
           function valuedate(f){
               var value = f.mytext.value;
               if(!/^\w+@\w+.\w+$/.test(value)){
                   alert("邮箱格式不正确！请重新输入");
                   f.mytext.focus();
                   f.mytext.select();
                   return false;
               }else{
               return true;
               }
           }
       </script>
   </head>

   <body>
       <form action="test.html" method ="post" name ="myform" οnsubmit="return valuedate(this)">
           email:<input type ="text" name ="mytext"/><br/>
           <input type = "submit"/ value="提交">
       </form>
   </body>

</html>