0

jquery ui ダイアログ プラグインを使用しています。(jquery 検証プラグインを使用せずに) カスタム検証メッセージを追加したいです。現在、エラーが発生すると、入力ボックスの境界線が赤に変わります。検証用のメッセージを追加することは可能ですか?

 $('.passwordpopup').dialog({
                                    modal:true,
                                    resizable: false,
                                    width:360,
                                    height:200,
                                    draggable:false,
                                    create: function(){
                                        $('.ui-dialog').wrap('<div class="password-class" />');

                                    },
                                    buttons: {
                                        "Ok": function() 
                                        {

                                            var pass =    $('#password').val();
                                            $.ajax({
                                                url: url+'ddm/passcheck',
                                                type: "POST",
                                                //dataType:"json",
                                                data:{
                                                    password:pass,
                                                    user_id:3


                                                },
                                                success: function(data)
                                                {
                                                    if(data == 1){

                                                        $('#password').removeClass( "ui-state-error" );
                                                        $('.passwordpopup').dialog("close");
                                                        $('#password').val('');
                                                        $('#text').fadeIn();
    }
    }
});
}}
});
4

1 に答える 1

0

htmlにdivを追加して（display：none defaultに設定）、エラーが発生したときにdivを表示することで、完全に機能するように管理しました。

HTML

 <div class="val" style="display:none; color:red; font-size: 14px;">Password is Incorrect</div>

Jquery

success: function(data)
    {
        if(data==1){
            $('.val').hide();//added code for showing error message
            $('.passwordpopup').dialog("close");
            $('.right-side-symptom-holder').hide();
            alert("Patient session saved successfully");
        }else{
            $('#text').hide();
            $('.val').fadeIn();//Added code for showing error message
            $('#password').addClass( "ui-state-error" );

        }
    }
于 2013-03-07T12:30:57.780 に答える