JavaScript学习(2)—表单验证
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>
本程序用onSubmit事件来验证提交表单内容,由于此事件决定表单是否被提交。所以用return来接受 show(this)的返回值,this表示当前元素,此事件在<form>元素调用。故this表示当前的<form>表单。email元素通过focus获得焦点,并通过select选则全部内容。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。