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;
}

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

1 个答案: