javascript - Jquery 对话框：当用户名和密码为空时发出警报

Question

$('#login_dialog').dialog({
        autoOpen: true,
        draggable: false,
        modal: true,
        title: 'Login',

    buttons: {
        "Connect": function () {   
            $(document).trigger('connect', {
                jid: $('#jid').val(),
                password: $('#password').val()
            });
            $('#password').val('');
            $(this).dialog('close');
        }
    }
});

当用户名和密码都为空时如何显示警告框。

Answer 1

您可以在连接之前进行一些检查：

function isValidInput(jid, password) {
    // edit this function to add other validations here
    return $.trim(jid).length > 0 && $.trim(password).length > 0;
}

$('#login_dialog').dialog({
        autoOpen: true,
        draggable: false,
        modal: true,
        title: 'Login',

    buttons: {
        "Connect": function () {
            if (!isValidInput($('#jid').val(), $('#password').val()) {
                 alert('Please enter a valid input!');
                 return;
            }
            $(document).trigger('connect', {
                jid: $('#jid').val(),
                password: $('#password').val()
            });
            $('#password').val('');
            $(this).dialog('close');
        }
    }
});

Answer 2

您错过了连接自定义事件和可以处理它的功能......

$(document).on('connect',function(e))
{
    if (!$.trim(e.data.jid + e.data.password).length)
        alert('Both empty');
}