首页 > Web开发 > 详细

JavaScript学习(2)—表单验证

时间:2014-02-10 20:07:33      阅读:487      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
 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>
bubuko.com,布布扣

本程序用onSubmit事件来验证提交表单内容,由于此事件决定表单是否被提交。所以用return来接受 show(this)的返回值,this表示当前元素,此事件在<form>元素调用。故this表示当前的<form>表单。email元素通过focus获得焦点,并通过select选则全部内容。

JavaScript学习(2)—表单验证

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!