首页 > Web开发 > 详细

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

时间:2018-10-15 13:55:09      阅读:185      评论:0      收藏:0      [点我收藏+]

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方法

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

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