1、问题描述
model代码如下:
remote对应的action如下:
view代码如下:
单击按钮时,执行如下动作
当点击按钮时,我们发现,虽然后台action验证失败,但 还是执行返回true,目测是因为remote验证采用的ajax 异步方式,
并不等待remote的执行验证,所以返回了true。
2、解决方法
<script type="text/javascript"> var intervalPending = null; function remoteCheck() { var validator = $("form").data("validator"); alert(validator.pendingRequest); if (validator.pendingRequest == 0) { // requests are done // clear interval clearInterval(intervalPending); // re-enable our "submit" button // "click" the hidden button if ($("form").valid()) { alert(111); } } // we will try again after the interval passes } $(function () { $("#test").click(function () { intervalPending = setInterval('remoteCheck()', 1000); }) }) </script>
3、原理说明
我们需要解决的问题是,在执行$("form").valid()时等待remote的执行。
思路如下:
- 1、使用
$("form").data("validator").pendingRequest
来确定remote是否执行完毕(remote全部执行完毕之后,$("form").data("validator").pendingRequest的值为0)
2、创建一个计时器,
intervalPending = setInterval('remoteCheck()', 1000);
每隔一秒钟就判断一次remote的执行情况,是否已经全部执行完毕,当执行完毕之后,清除计时器,执行我们自己的动作,否则,继续循环判判断。