Yii Bootstrap 表单 AJAX 验证和高亮显示答案

【问题标题】：Yii Bootstrap Form AJAX Validation and HighlightingYii Bootstrap 表单 AJAX 验证和高亮显示
【发布时间】：2013-02-08 10:03:51
【问题描述】：

我想分享我的 sn-ps 来验证 yii bootstrap ajax 表单并突出显示错误和有效字段。表单应该禁用了验证。

【问题讨论】：

你有什么问题？？

标签： ajax forms validation yii highlight

【解决方案1】：

我想分享我的 sn-ps 来验证 yii bootstrap ajax 表单并突出显示错误和有效字段。表单应该禁用了验证。

表格：

    $form = $this -> beginWidget('bootstrap.widgets.TbActiveForm', array(
        'id' => 'user-time-form',
        'type' => 'horizontal',
));

提交按钮：

$this -> widget('bootstrap.widgets.TbButton', array(
            'buttonType' => 'ajaxSubmit',
            'icon' => 'ok',
            'url' => Yii::app() -> createUrl('hr/userTime/create'),
            'label' => 'Submit',
            'ajaxOptions' => array('success' => 'function(data){
                    var obj = $.parseJSON(data);
                    if(obj.status=="success"){
                        $("#newUserTime").modal("hide");
                        setTimeout(function(){location.reload(true);},400);
                    } else {
                        $("#userTime-form-error-div").show();
                        $("#userTime-form-error-div").html("");
                        var $inputs = $("#user-time-form :input");
                        $inputs.each(function() {
                            $(this).removeClass("error");
                            $(this).closest(\'div[class^="control-group"]\').addClass("success validating");
                        });
                        for (var p in obj) {
                            if(document.getElementById(p)) {
                                $("#"+p).closest(\'div[class^="control-group"]\').removeClass("success");
                                $("#"+p).closest(\'div[class^="control-group"]\').addClass("error");
                            }
                            $("#userTime-form-error-div").append(obj[p]  + "<br/>");
                        }
                    }
                }'),
    ));

【讨论】：

【解决方案2】：

将此参数添加到您的 TbActiveForm

'enableAjaxValidation'=>true,

【讨论】：