Question

如何用JS来判断是否表单上是否都有内容

Answer 1

如下代码可以实现：<br><script><br>
function Cmd(){<br>
var ipt = document.getElementById("divbox").getElementsByTagName("input"); //查找divbox这个div里的所有文本框<br>
for(var i = 0; i < ipt.length; i++){ //循环<br>
if(ipt[i].value.length == 0){ //如果其中一个文本框没有填写<br>
alert("所有文本框都需要填写"); //弹出提示<br>
ipt[i].focus(); //定位到没有填写的文本框<br>
return false; //返回false<br>
}<br>
}<br>
return true; //都已经填写，返回true<br>
}<br></script><br><form action="1.html"><br><div id="divbox"><br>
用户名：<input type="text" /><br>
密码：<input type="text" /><br>
昵称：<input type="text" /><br></div><br><br><input type="submit" value="提交" onclick="return Cmd();" /><br></form>

Answer 2

如下代码可以实现：<br><script><br>
function Cmd(){<br>
var ipt = document.getElementById("divbox").getElementsByTagName("input"); //查找divbox这个div里的所有文本框<br>
for(var i = 0; i < ipt.length; i++){ //循环<br>
if(ipt[i].value.length == 0){ //如果其中一个文本框没有填写<br>
alert("所有文本框都需要填写"); //弹出提示<br>
ipt[i].focus(); //定位到没有填写的文本框<br>
return false; //返回false<br>
}<br>
}<br>
return true; //都已经填写，返回true<br>
}<br></script><br><form action="1.html"><br><div id="divbox"><br>
用户名：<input type="text" /><br>
密码：<input type="text" /><br>
昵称：<input type="text" /><br></div><br><br><input type="submit" value="提交" onclick="return Cmd();" /><br></form>