码迷,mamicode.com
首页 > Web开发 > 详细

[js]js的表单验证onsubmit方法

时间:2018-10-15 14:52:50      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:text   turn   check   maxlength   input   blog   手机号码   否则   .com   

http://uule.iteye.com/blog/2183622

表单验证类

<form class="form" method="post" id="form" onsubmit="return checkForm(this)" action="">  
电话号码:<input id="tel" type="text" maxlength="11" name="tel"/>  
<button type="submit" name="submit" value="提交"/>  
</form>  
function checkForm(o){   
   var re=/^(13[0-9]{9})|(15[89][0-9]{8})$/;  
   if(!re.test(o.tel.value)){  
        alert('请输入正确的手机号码。');   
        return false;   
    }  
}  

知识点

function submitFun(){  
    //逻辑判断  
    return true; //允许表单提交  
    //逻辑判断  
    return false;//不允许表单提交  
}  
  
<form onsubmit="reture submitFun();"></form>  
 //注意此处不能写成 onsubmit="submitFun();"否则将表单总是提交  

[js]js的表单验证onsubmit方法

标签:text   turn   check   maxlength   input   blog   手机号码   否则   .com   

原文地址:https://www.cnblogs.com/iiiiiher/p/9790191.html

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