I use Yii client validation to validate some inputs, and when an error occurs in user input, Yii client validation does not prevent submission and does not prevent ajax request. I use the carvw-grid grid widget, and when the user clicks the submit button, he makes an ajax request to update the carvw-grid content with the results. I want to prevent submit and ajax request when there is a client validation error.
here is my script code:
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;
});
");
and here is my form
<?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),
)); ?>
and here is my submit button
<div class="row buttons">
<?php echo CHtml::submitButton('search',array('class'=>'search-button')); ?>
</div>
and here is my grid
<?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',
),
),
));
?>
How can I prevent submit and ajax requests for client validation errors?