码迷,mamicode.com
首页 > 其他好文 > 详细

基本表单验证方法

时间:2015-11-05 15:00:01      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

1.验证手机号码

  [Web服务器控件]

    手机号码:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 

    <asp:Button ID="Button2" runat="server" Text="提交" />

  [解析之后对应的HTML普通控件]

    手机号码:<input name="TextBox2" type="text" value="123地方" id="TextBox2" />

    <input type="submit" name="Button2" value="提交" id="Button2" />

  JS程序:

 1 window.onload = function () {
 2     var submit = document.getElementById("Button2");
 3     var phone = document.getElementById("TextBox2");
 4 
 5     submit.onclick = function () {
 6         re = /^1\d{10}$/;
7      //注意要通过文本框的name属性而不是id属性获取文本框的value值(name属性和id属性默认同名) 8 if (re.test(document.forms[0].TextBox2.value)) { 9 alert("right"); 10 } else { 11 alert("error"); 12 phone.focus(); //让文本框重新获得焦点 13 return false; //阻止表单提交 14 } 15 } 16 }

 

基本表单验证方法

标签:

原文地址:http://www.cnblogs.com/ArisLoong/p/4939436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!