php和jquery表单验证

Question

我正按照link text

上的教程设置验证

我的表单操作脚本如下：

<form method="POST" action="formproc_to_paypal.php" id="example"
     target="_self" onsubmit="CalcAmount (this); ReadForm(this);" name="example">

当我删除/更改操作行为“”（如教程所示）时，验证工作正常。知道为什么这个动作导致它不能验证？

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
  <script>
  $(document).ready(function(){
    $("#example").validate();
  });
  </script>

Answer 1

确保在每次javascript调用后返回false，否则当javascript完成后，将提交给操作。

如果没有指定任何动作，这也是它的原因。

Answer 2

像这样的东西

function validate(form){
 return(CalcAmount (form) && ReadForm(form));
}

请记住这是一个非常快速的实现，您可能需要添加更多详细信息。一般的想法是有一个函数，它根据结果的组合返回一个布尔值。