首页 / JAVA / JavaScript学习（2）—表单验证

JavaScript学习（2）—表单验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript学习（2）—表单验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含888字，纯文字阅读大概需要2分钟。

内容图文

             1 <html>
 2   <head>
 3     <title></title>
 4        <script language="JavaScript">
 5function show(){            //定义函数 6var value=myform.email.value;    //取得输入内容 7if(!/^\w+@\w+.\w+$/.test(value))  //对输入内容进行验证 8   {
 9     alert("格式不正确")
10     myform.email.focus();      //焦点定位到email框11    myform.email.select();    //选择全部内容12returnfalse;    //错误 不提交13 }
14returntrue;
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>

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

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

内容总结

以上是互联网集市为您收集整理的JavaScript学习（2）—表单验证全部内容，希望文章能够帮你解决JavaScript学习（2）—表单验证所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1334970.html

来源：【匿名】