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()"/>

View Code

效果：这样看起来貌似没有问题，可是这样每每可以提示判断出错误的手机号码，可是却不能阻止它提交到后台；

缘由：实际上是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();"/>