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

#javascript #jquery #validation

#javascript #jquery #проверка

Вопрос:

В настоящее время я использую простое окно оповещения 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>
  

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

Комментарии:

1. Когда вы говорите «это не сработало», что именно вы имеете в виду? Что происходит ; ошибка? Ничего? Что-то похожее на то, что вы хотите, но не совсем?

Ответ №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;
        }
    });
});
  

ДЕМОНСТРАЦИЯ

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