首页 > 代码库 > js阻止提交表单（post）
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）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。