Yii客户端验证和jQuery Form插件集成

Question

我在我的一个项目中使用Yii框架,我想将jQuery Form插件与Yii客户端内置验证一起使用.

我不能让他们一起工作.如果我jQuery form plugin使用这个简单的js代码设置:

$('#myform-id').ajaxForm();

执行客户端验证但即使验证失败也不会停止表单提交.我想这与Yii客户端验证库和jQuery表单插件在表单上绑定相同的"submit"事件有关.

仅供参考,我仔细检查过FireBug和Chrome控制台没有js错误.

我想知道是否有人经历过同样的问题并且解决了一些问题.

Answer 1

我这样解决了:

Yii Active Form初始化代码:

<?php $form = $this->beginWidget('CActiveForm', array(
    'id'=>'user-form',
    'enableClientValidation'=>true,
    'clientOptions' => array(
         'validateOnSubmit'=>true,
         'validateOnChange'=>false,
         'afterValidate'=>'js:submiAjaxForm'
     )
)); ?>

在同一页面中,我添加了这个js代码,通过jquery表单插件提交表单:

function submitAjaxForm(form, data, hasError)
{
   if(!hasError)
   {
       $('#user-form').ajaxSubmit(
       {
           // ajax options here
       });
   }
}