如何将javascript中的当前alert（）替换为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，所以没有理由不写unobtrusive 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;
        }
    });
});

的 Demo 的

确保您的网页包含所有依赖项：

• jQuery JS
• jQuery UI draggable JS
• jAlert JS和CSS