jquery - 在 jquery Ui-dialog 插件中添加自定义验证消息（不带 jquery 验证插件）

Question

我正在使用 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();
    }
    }
});
}}
});

Answer 1

我通过在 html 中添加一个额外的 div（将其设置为 display:none 默认值）并在发生错误时显示 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" );

        }
    }