客户端验证错误不会阻止提交和 ajax 请求

Question

我使用 Yii 客户端验证来验证一些输入，当用户输入出现错误时，Yii 客户端验证不会阻止提交，也不会阻止 ajax 请求。 我使用网格小部件“carvw-grid”，当用户单击提交按钮时，它会发出 ajax 请求以更新“carvw-grid”内容和结果。当出现客户端验证错误时，我想阻止提交和 ajax 请求。

这是我的脚本代码：

Yii::app()->clientScript->registerScript('search', "
$('.search-button').click(function(){
$('.myloading').show();
$('.myshow').hide();
$('.myresult').slideUp().delay(3000).queue(function() {
    $(this).show();
    $('.myloading').hide();
    $('.myloading').addClass('myshow');
    });
    });

$('.search-form form').submit(function(){
    $.fn.yiiGridView.update('carvw-grid', {
        data: $(this).serialize()
    });
    return false;
});
");

这是我的表格

<?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'carvw-form',
    'action'=>Yii::app()->createUrl($this->route),
    'method'=>'get',
    'enableAjaxValidation'=>false,
    'enableClientValidation'=>true,
    'focus'=>array($model,'OWNER_ID'),
    'clientOptions' => array('validateOnSubmit'=>true, 'validateOnType'=>true),

)); ?>

这是我的提交按钮

<div class="row buttons">
    <?php echo CHtml::submitButton('search',array('class'=>'search-button')); ?>
</div>

这是我的网格

<?php 
    $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'carvw-grid',
    'dataProvider'=>$model->search(),

    'columns'=>array('CAR_COMPANY_NAME','MODEL_YEAR',
        'CAR_COLOR_NAME',
        'USING_TYPE_NAME',array(
            'class'=>'CButtonColumn',
        ),
    ),
));

 ?>

如何防止客户端验证错误的提交和 ajax 请求？

Answer 1

也许你需要使用 afterValidate 函数而不是绑定提交事件。在 CActiveForm.clientOptions 数组中添加以下元素：

'afterValidate' => 'js:afterValidate',

在您的 javascript 文件中：

function afterValidate(form, data, hasError) {
    if (!hasError) {    
        $.fn.yiiGridView.update('carvw-grid', {
            data: $(this).serialize()
        });
    }
    return false;
}