Jquery 如何选择type=“text”但具有特定名称的所有输入？

在我的表格中，我有不同类型的输入。我现在要做的是选择所有具有特定名称的文本字段，然后检查是否所有字段都已填充。例如，我有电子邮件、用户名、机构和地址字段

我的目标是隐藏一个MessageTextArea，并且只在提到的所有字段都有值时才显示它。如何绑定所有这些字段，以便在填充所有这些字段时，message textArea将显示，如果清除其中任何字段，则会再次隐藏

我在考虑$input[name=email]、input[name=address]、input[name=username]、input[name=address]，但我认为这样做效率不高

消息文本区域将根据这些字段的输入进行填充。 例如：

目前，在我的表单中，如果用户跳过了institution字段，我的textArea将如下所示：

To Whom It May Concern:

.......................Bunch of text preassigned................
.......................Bunch of text preassigned................

Regards,
username.val()<email.val()>

address.val()

---

这样，如果我隐藏文本区域直到所有提到的字段都被填充，我会很好地预先填充我的消息文本区域。

可以这样做：

To Whom It May Concern:

.......................Bunch of text preassigned................
.......................Bunch of text preassigned................

Regards,
username.val()<email.val()>

address.val()

HTML:

jQuery：

将css类应用于所有目标文本输入

$document.readyfunction{ $'：text.required'。在“输入”上，函数{ var NOTfilled=$：text.required.filterfunction{ return！this.value.trim； }; 如果没有填写，请填写长度{ $'.hidefirst'.hide； }否则{ $'.hidefirst'.show； } }; }; .首先{ 显示：无； } 隐藏信息

---

如何测试空格？我尝试了if$.trimNOTfilled.val=={$'.hidefirst.hide；}来检查如果用户只提供一个空格，textarea是否会保持隐藏。

<form id="theForm">
    <input type="email" name="example"/>
    <input type="text" name="example"/>
</form>

<textarea id="txtArea">...</textarea>

#txtArea {
    display:none;
}

// Whenever an input with the name example is modified
$('input[name=example]').keyup(function(){
    // Check if any input in the form with the name example is empty
    var emptyInput = $("#theForm").find('input[name=example]').filter(function(){
        return this.value === "";
    });
    // If one or more inputs named example are empty, hide the textarea, else show it.
    emptyInput.length > 0 ? $("#txtArea").hide() : $("#txtArea").show();
});