jquery - 如何使用 jQuery 确定表单字段是否为空？

Question

我有一个包含两个字段的表单:名字和姓氏。用户不必填写这些字段。当用户单击提交按钮时，将显示一个 jquery 对话框，其中包含用户在表单中输入的数据。我只想显示输入字段的数据。我正在尝试执行 if 语句并使用 length() 函数，但它不起作用。帮助会很棒!

这是我的对话框 jquery 脚本:

$(function(){
    //Initialize the validation dialog
    $('#validation_dialog').dialog({
        autoOpen: false,
        height: 600,
        width: 600,
        modal: true,
        resizable: false,
        buttons: {
            "Submit Form": function() {
                document.account.submit();
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
    // Populate the dialog with form data
    $('form#account').submit(function(){
        $("p#dialog-data").append('<span>First Name: </span>');
        $("p#dialog-data").append('<span>');
        $("p#dialog-data").append($("input#firstname").val());
        $("p#dialog-data").append('</span><br/>');
        if (("input#lastname").val().length) > 0) {
            $("p#dialog-data").append('<span>Last Name: </span>');
            $("p#dialog-data").append('<span>');
            $("p#dialog-data").append($("input#lastname").val());
            $("p#dialog-data").append('</span><br/>');
        };
        $('#validation_dialog').dialog('open');
        return false;
    });
});

Answer 1

只需使用:

if ($("#firstname").val() != "") {
  // something is there
}

其次，指定 $("input#firstname") 没有什么用处。只需执行$("#firstname")即可。第一个是不必要的冗长。

这也是一个问题:

$("p#dialog-data").append('<span>');
$("p#dialog-data").append($("input#firstname").val());
$("p#dialog-data").append('</span><br/>');

您无法通过这种方式构建格式错误的 HTML。尝试:

$("<span>").text($("#firstname").val()).appendTo("#dialog-data");