JavaScript学习（2）—表单验证

最新推荐文章于 2024-09-18 15:54:57 发布

weixin_34130389

最新推荐文章于 2024-09-18 15:54:57 发布

阅读量40

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/anuo007/p/3543280.html

版权

 1 <html>
 2   <head>
 3     <title></title>
 4        <script language="JavaScript">
 5       function show(){            //定义函数
 6      var value=myform.email.value;    //取得输入内容
 7    if(!/^\w+@\w+.\w+$/.test(value))  //对输入内容进行验证
 8    {
 9     alert("格式不正确")
10     myform.email.focus();      //焦点定位到email框
11    myform.email.select();    //选择全部内容
12     return false;    //错误 不提交
13  }
14  return true;
15  }
16          </script>
17        </head>
18      <body>
19  <form action="" method="post" name="myform" onSubmit="return show(this)"> //定义表单this指当前元素，即此表单
20    请输入内容：<input type="text" name="email">  //定义文本框
21  <input type="submit" value="提交">  //显示内容
22  </form>
23  </body>
24  </html>