0

これは水平方向の例です

    <input data-val="true" data-val-required="The password and confirmation password:" id="InstanceID" name="MainSearchModel.InstanceID" placeholder="Enter instanceID..." type="text" value="" />


    <input id="MainSearchModel_ServiceName" name="MainSearchModel.ServiceName" placeholder="Enter serviceName..." type="text" value="" />

フォームを有効にしようとしていますが、bootstrap class="control-group" とjQuery-Live-Form-Validation-For-Twitter-Bootstrapを使用すると、エラーの説明に空のスペースが作成されます。クラスを追加します。

水平フォームを検証する最良の方法は何ですか?

メッセージをテキストボックスの右側ではなく、テキストボックスの下部に表示するにはどうすればよいですか?

ありがとう

4

1 に答える 1

1

このボタンを使用して、フォームの検証を確認し、AJAX および CLIENT 検証を無効にします。

$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/>");
                        }
                    }
                }'),
    ));

これが誰かが有効なフィールドとエラーフィールドの素晴らしいハイライトを得るのに役立つことを願っています!

于 2013-02-08T10:00:35.010 に答える