Javascript javavscript检查是否触发了所需的输入

我有一个页面，其中有一个保存按钮。如果单击“保存”按钮，则会提交页面，提交时会给整个身体一个不透明度和一个加载动画。页面中需要几个输入，当我保存（提交）页面时，它会检查所需的输入，并在未填写时发出警告。但它仍然提供不透明度和加载动画（但不提交，这很好）

---

现在我的问题是,；如何检查所需输入是否未使用javascript函数填充，以便触发不透明度（或不透明度）

有多种方法可以做到这一点

• 您可以向每个输入添加默认值：

• 您可以使用Bootpstrap验证程序：

• 您还可以使用HTML默认验证：

---

我最喜欢的是玩输入值和正则表达式，你可以完全控制输入。只需使用getElement（js）或选择器$（“#input”）（jquery）获取元素并逐个检查它们。

您可以使用输入的

value

属性检查表单输入是否有值

plain javascript:
        let value = document.querySelector("input#required").value;
        if(value) {
            //do something show animation and submit the page
        }else {
            //propmt that the value is required
        }

    using jQuery:
        let value = $("input#required").val();
        if(value) {
            //do something show animation and submit the page
        }else {
            //propmt that the value is required (don't show animation or submit the form)
        }

对于复选框，您可以使用

checked

属性，而不是

value

属性。这将返回一个布尔值，指示是否已选中该字段

let value = document.querySelector("input#required").checked;

---

考虑到你提供的细节，我假设这就是你要找的绑架案

//将所有内容包装在某个名称空间中，防止所有内容都是全局的。
const App=函数（myNameSpace）{
//当窗体实际有效时要调用的函数。
const onValid=（）=>{
log（'VALID！YAY！'）；
};
//当窗体实际上无效时要调用的函数。
const onInvalid=（）=>{
log（'Booo！Invalid！'）；
};
//单击按钮时要运行的函数。
常量按钮句柄=（e）=>{
让isValid=true，
validInputs=[]，
无效投入=[]；
e、 预防默认值（）；
Array.prototype.slice.call（document.queryselectoral（“表单输入：必选”））.map（i=>
i、 value.replace（/\/g'）。长度>0&&isValid==true？
isValid=true&&validInputs.push（i）：
isValid=false&&invalidInputs.push（i）
);
isValid！=false？onValid（validInputs）：onInvalid（invalidInputs）；
};
//我们希望公开的一个简单函数。
myNameSpace.launch=（）=>{
log（'sunching app…'）；
document.querySelector（'forminput[type=submit]'）。onclick=buttonHandler；
};
//只需返回名称空间对象。
返回myNameSpace；
}({});
//启动应用程序！
App.launch（）
请参阅本文。您将了解验证技术


在提交表单之前，有许多不同的验证方法。
请提供一些源代码、您尝试过的内容等？请在此处共享您的代码。如果没有它，这是不可能回答的。在加载动画之前，是否可以使用jquery检查所需的文本框是否有值？类似于$（“#//文本框ID”）.val（）的内容请提供您的代码。那就只有人能帮你了汉克斯！我将为每个输入添加一个默认值。是的，然后您需要检查每个输入，不要忘记添加一个id以获取元素：var pass1=document.getElementById（'#inputPassword1'）；console.log（pass1.value）或类似的内容：）