yii ajax 表单验证,ajax - Yii2：ajax表单上的ajax表单验证 - 堆栈内存溢出

我找到了解决方案：

表格：

$form = ActiveForm::begin(['id' => 'form-add-contact', 'enableAjaxValidation' => true, 'validationUrl' => Yii::$app->urlManager->createUrl('contacts/contacts/contact-validate')]);

?>

通过Ajax提交：

$script = <<< JS

$(document).ready(function () {

$("#form-add-contact").on('beforeSubmit', function (event) {

event.preventDefault();

var form_data = new FormData($('#form-add-contact')[0]);

$.ajax({

url: $("#form-add-contact").attr('action'),

dataType: 'JSON',

cache: false,

contentType: false,

processData: false,

data: form_data, //$(this).serialize(),

type: 'post',

beforeSend: function() {

},

success: function(response){

toastr.success("",response.message);

},

complete: function() {

},

error: function (data) {

toastr.warning("","There may a error on uploading. Try again later");

}

});

return false;

});

});

JS;

$this->registerJs($script);

?>

控制器：

/*

* CREATE CONTACT FORM AJAX VALIDATION ACTION

*/

public function actionContactValidate() {

$model = new ContactsManagement();

if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {

$model->company_id = Yii::$app->user->identity->company_id;

$model->created_at = time();

\Yii::$app->response->format = Response::FORMAT_JSON;

return ActiveForm::validate($model);

}

}

/**

* Quick Add Contact Action

* @param type $id

* @return type

*/

public function actionAddContact() {

$model = new ContactsManagement();

if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {

$transaction = \Yii::$app->db->beginTransaction();

try {

if ($model->validate()) {

$flag = $model->save(false);

if ($flag == true) {

$transaction->commit();

return Json::encode(array( 'status' => 'success', 'type' => 'success', 'message' => 'Contact created successfully.'));

} else {

$transaction->rollBack();

}

} else {

return Json::encode(array('status' => 'warning', 'type' => 'warning', 'message' => 'Contact can not created.'));

}

} catch (Exception $ex) {

$transaction->rollBack();

}

}

return $this->renderAjax('_add_form', [

'model' => $model,

]);

}