javascript - 表单验证不适用于 <select>

Question

我有 JavaScript 代码，用于检查表单中的所有字段是否都已填写，如果没有填写，则会使用 jquery 弹出引导警报。这适用于文本输入，但在检查选择时，即使填充了选项，它也总是会引发错误。

JavaScript 代码:

$(document).ready(function () {
    $('form[name="register"]').on("submit", function (e) {
        var username = $(this).find('input[name="username"]');
        var preferredClass = $(this).find('input[name="preferredClass"]');

        if ($.trim(username.val()) === "" || ($.trim(preferredClass.val())) === "") {
            e.preventDefault();
            $("#formAlert").slideDown(400);
        } else {
            $("#formAlert").slideUp(400, function () {});
        }
    });

    $(".alert").find(".close").on("click", function (e) {
        e.stopPropagation();
        e.preventDefault()
        $(this).closest(".alert").slideUp(400);
    });
});

完整的代码和(某种)工作示例可以在 JSFiddle 中找到。 .

Answer 1

您的选择选择器错误

替换这个

var preferredClass = $(this).find('input[name="preferredClass"]');

这样:

var preferredClass = $(this).find('select[name="preferredClass"]');

<强> Working Demo