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

js阻止提交表单(post)

时间:2014-12-03 14:12:48      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:io   ar   os   sp   java   on   数据   问题   bs   

js阻止提交表单(post)


在注册页面,我们经常要用到页面验证,验证到不符合要求的数据就阻止提交到服务器,如下
 

 

<script type="text/javascript">
function Check() {
        var phoneNumber = $.trim($("#PhoneNumber").val());
        var isMobile=/^1?(3|5|7|8)\d{9}$/;
        if (isMobile.test(phoneNumber) == false) {
            alert("电话号码格式错误");
            $("#PhoneNumber").focus();
            return;
        }
    }
</script>
<input type="submit" name="addNewAddress" value="保存收货地址" class="saveNewAddress" onclick="Check()"/>


效果:这样看起来貌似没有问题,但是这样往往能够提示判断出错误的手机号码,但是却不能阻止它提交到后台;
 
原因:其实是check()只是一个验证手机号的动作,并没有阻止提交的动作。提交表单时先执行check()这个函数再post,post的时候会执行页面判断(判断一个值,具体是什么值需要了解整个post的过程,这里我也不太清楚)如果是true,就post页面,如果是false,就不执行任何动作。
 
解决方法:在check()方法里执行验证之后,如果验证符合要求就返回true,否则返回false;在调用方法的地方加上“return 方法名”(这里就是return Check(););完整的代码如下:
 


<script type="text/javascript">
function Check() {
        var phoneNumber = $.trim($("#PhoneNumber").val());
        var isMobile=/^1?(3|5|7|8)\d{9}$/;
        if (isMobile.test(phoneNumber) == false) {
            alert("电话号码格式错误");
            $("#PhoneNumber").focus();
            return false;
        }
        return true;
    }
</script>
<input type="submit" name="addNewAddress" value="保存收货地址" class="saveNewAddress" onclick="return Check();"/>

js阻止提交表单(post)

标签:io   ar   os   sp   java   on   数据   问题   bs   

原文地址:http://www.cnblogs.com/taofx/p/4139830.html

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