Javascript 如果某些输入区域未填写，如何防止表单提交

正如标题所说，我需要这部分代码的帮助

function myFunction() {
var x,t,y,z,u;

我需要用这部分来检查是否所有内容都已填写，如果没有填写，则不得提交表格

document.getElementById("gumb").onclick=function(event){
   var slanje_forme=true;
   if (slanje_forme!=true)event.preventDefault();

}
x = document.getElementById("NazivProizvoda").value;
t = document.getElementById("sifra").value;
y = document.getElementById("kategorija").value;
z = document.getElementById("opisProizvoda").value;
u = document.getElementById("cijena").value;

if (isNaN(x) || x.length < 5 || x.length > 30) {
    document.getElementById("demo").innerHTML = "Naziv mora imati 5 do 30znakova!";
    NazivProizvoda.style.border="1px red";
} 
else if(isNaN(t) || t.length != 10)
{ document.getElementById("demo1").innerHTML = "Sifra mora imati 10 znakova";
        sifra.style.border="1px red";
}
else if(isNaN(z) || z.length < 10 || z.length > 100)
{document.getElementById("demo2").innerHTML = "Opis mora biti izmedu 10 i 100 znakova!"; 
        opisProizvoda.style.border="1px red";
}
else if(isNaN(u))
{ document.getElementById("demo3").innerHTML = "Cijena mora biti napisana";
        cijena.style.border="1px red";
}
<!--if else(isNaN(y) || t.length != 10)-->
<!--{}-->

else {
    text = "Input OK";
}
 document.getElementById("demo4").innerHTML = text;


}

HTML

将表单控件包装在

标记中

添加到每个需要用户完成的表单控件

请参见演示1

---

JavaScript 通过编程，这可以通过完成。在演示2中，我们使用引用所有的

标记及其表单控件。虽然一些不需要

required

属性，但它是无害的，但它是混乱的标记。方法可以用来清理它们，或者可以使用更精确的方法，如演示3中的方法

参见演示2和演示3

---

测试 在

文本标记中单击“提交”按钮，然后单击“不提交”按钮。在每个演示中，

标记设置为发送到。成功提交数据后，测试服务器将发送响应。如果

标记为空，则

提交

事件将被取消，工具提示将提醒用户在适用的表单控件中输入数据

---

演示1

姓名：

只要

出现错误，就返回false

。然而，这个问题可能是重复的！可能重复的

else if(isNaN(u))
  { document.getElementById("demo3").innerHTML ="Cijena mora biti napisana";
        cijena.style.border="1px red";
}