Как заменить текущий alert () в javascript на плагин jQuery Alert Dialogs

Question

В настоящее время я использую простое окно предупреждения javascript для проверки ввода. Теперь я хочу изменить его на jQuery Alert Dialogs

Я пытаюсь что-то вроде этого, но не работает.

Javascript:

function validation() {
    str = document.step;
    if (str.full_name.value == "") {
    jAlert('Please enter this field', 'Alert Dialog');
    //alert('Please enter this field');
        str.full_name.focus();
        return false;
    }
}

HTML:

<form action="" method="post" id="step" name="step" onsubmit="return validation();">
<input type="text" id="full_name" name="full_name" />
<input type="submit" name="submit" value="Submit" />
</form>

Дайте мне знать

Answer 1

Вы используете jQuery, поэтому нет причин не писать ненавязчивый JavaScript .

HTML

<form action="" method="post" id="step">
    <input id="full_name" name="full_name" />
    <input type="submit" name="submit" value="Submit" />
</form>

JavaScript

$(function ()
{
    var $fullName = $('#full_name');

    $('#step').submit(function ()
    {
        if (!$fullName.val())
        {
            jAlert('Please enter this field', 'Alert Dialog');
            $fullName.focus();
            return false;
        }
    });
});

Демо

Убедитесь, что ваша страница включает в себя все зависимости:

• JQuery JS
• jQuery UI перетаскиваемый JS
• jAlert JS и CSS