如何解决Yii ajaxSubmitButton具有字段验证
| 我正在使用Yii ajaxSubmitButton（）提交表单。此外，我将\'enableAjaxValidation \'参数设置为true以验证相应的文本框。 我能做什么： 当焦点离开时，异步验证该字段。 单击按钮时，异步调用服务器端方法。 问题是，单击提交按钮时，我不知道如何执行字段验证；如果验证了模型，则不知道如何在客户端执行部分渲染。 如果我在ajaxSubmitButton中重写\'success \'事件，则会得到部分渲染，但无法维持模型验证。 有什么帮助吗？ 编辑 谢谢回复， validateOnSubmit标志已经设置，并且如果未设置\'success \'事件，则可以正确验证模型。 当ajaxSubmitButton像这样时：<?php echo CHtml::ajaxSubmitButton( \'Send\',CHtml::normalizeUrl(array(\'site/ajaxIndexSubmit\')),array(
\'error\'=>\'js:function(){
alert(\\\'error\\\');
}\',\'beforeSend\'=>\'js:function(){
alert(\\\'beforeSend\\\');
}\',\'success\'=>\'js:function(data){
alert(\\\'success,data from server: \\\'+data);
}\',\'complete\'=>\'js:function(){
alert(\\\'complete\\\');
}\',//\'update\'=>\'#where_to_put_the_response\',)
);
?>
解决方法
嘿，我遇到了同样的问题，即使在aftervalidate，beforevalidate等情况下也无法使它正常工作。
所以我做了这个：
编辑：根据巴特的建议，我将这些代码本身放在这里。
步骤1：@您的控制器动作
public function actionMyAction()
{
$model=new User;
$this->performAjaxValidation($model);
if(isset($_POST[\'User\']))
{
$model->attributes=$_POST[\'User\'];
$valid=$model->validate();
if($valid){
//do anything here
echo CJSON::encode(array(
\'status\'=>\'success\'
));
Yii::app()->end();
}
else{
$error = CActiveForm::validate($model);
if($error!=\'[]\')
echo $error;
Yii::app()->end();
}
}
}
<?php
$form=$this->beginWidget(\'CActiveForm\',array(
\'id\'=>\'user-form\',\'enableAjaxValidation\'=>true,\'action\'=>$this->createUrl(\'myController/MyAction\'),\'enableClientValidation\'=>true,)); ?>
<div class=\"errorMessage\" id=\"formResult\"></div>
<div id=\"AjaxLoader\" style=\"display: none\"><img src=\"<?php echo Yii::app()->request->baseUrl; ?>/images/spinner.gif\"></img></div>
<div class=\"row-user-single\">
<?php echo $form->labelEx($model,\'attribute1\'); ?>
<?php echo $form->passwordField($model,\'attribute1\',array(\'size\'=>60,\'maxlength\'=>500)); ?>
<?php echo $form->error($model,\'attribute1\'); ?>
</div>
<div class=\"row-user-single\">
<?php echo $form->labelEx($model,\'attribute2\'); ?>
<?php echo $form->passwordField($model,\'attribute2\',\'attribute2\'); ?>
</div>
<div class=\"buttons\">
<?php echo CHtml::ajaxSubmitButton(\'Save\',CHtml::normalizeUrl(array(\'myController/MyAction\',\'render\'=>true)),array(
\'dataType\'=>\'json\',\'type\'=>\'post\',\'success\'=>\'function(data) {
$(\"#AjaxLoader\").hide();
if(data.status==\"success\"){
$(\"#formResult\").html(\"form submitted successfully.\");
$(\"#user-form\")[0].reset();
}
else{
$.each(data,function(key,val) {
$(\"#user-form #\"+key+\"_em_\").text(val);
$(\"#user-form #\"+key+\"_em_\").show();
});
}
}\',\'beforeSend\'=>\'function(){
$(\"#AjaxLoader\").show();
}\'
),array(\'id\'=>\'mybtn\',\'class\'=>\'class1 class2\')); ?>
CActiveForm
$clientOptions
validateOnSubmit
<?php $form=$this->beginWidget(\'CActiveForm\',array(
\'id\'=>\'yourFormId\',\'enableAjaxValidation\'=>TRUE,\'clientOptions\'=>array(\'validateOnSubmit\'=>TRUE),)); ?>
<?php $form=$this->beginWidget(\'CActiveForm\',array(
\'id\'=>\'gold-value-form\',\'clientOptions\'=>array(
\'validateOnSubmit\'=>true,\'afterValidate\'=>\'js:function(form,data,hasError) {
if(jQuery.isEmptyObject(data)) {
alert(\"ok\")
}
return false;
}\'
),)); ?>
public function actionCreate()
{
$this->layout=false;
$model=new GoldValue;
if(isset($_POST[\'ajax\']) && $_POST[\'ajax\']===\'gold-value-form\')
{
if(isset($_POST[\'GoldValue\']))
{
$model->attributes=$_POST[\'GoldValue\'];
if(!$model->save())
echo CActiveForm::validate($model);
}
}
Yii::app()->end();
}
/*
1) Register the snippet into the HEAD. Be sure that it is linked after jquery.yii.js is linked.
2) Configure your CActiveForm instance like this:
*/
$this->beginWidget(\'CActiveForm\',array(
...
\'enableClientValidation\'=>true,\'afterValidate\'=>\'js:$.yii.fix.ajaxSubmit.afterValidate\'
)
...
);
/*
3) Configure your CHtml::ajaxSubmitButton instance like this:
*/
echo CHtml::ajaxSubmitButton(\'Whateverlabel\',\'whateverurl\',array(
...
\'beforeSend\'=>\'js:$.yii.fix.ajaxSubmit.beforeSend(\"#YOUR_FORM_ID\")\'
...
);
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。