我正在尝试循环浏览一个小表单并检查空白字段。我以为这很简单,但我无法让任何东西发挥作用。到目前为止,这是我的 Javascript:
var obj = {
fname : document.getElementsByName('fname'),
lname : document.getElementsByName('lname'),
phone : document.getElementsByName('phone'),
email : document.getElementsByName('email'),
span : document.createElement('span'),
txt : document.createTextNode('*Required Field'),
init : function(){
document.getElementsByName('submit').onclick = obj.validate;
},
validate : function(){
var check = document.getElementsByTagName('input');
var len = check.length;
for(var i=0;i<len;i++)
{
if (check[i].value ==='')
{
alert('required');
return false;
};
};
},
};
这是 HTML:
<body>
<form method="post" action="">
<div>
<ul>
<li><label>First Name</label><input type="text" name="fname" size="30" /></li>
<li><label>Last Name</label><input type="text" name="lname" size="30" /></li>
<li><label>Phone</label><input type="text" name="phone" size="30" /></li>
<li><label>Email</label><input type="text" name="email" size="30" /></li>
<li><input type="submit" name="submit" value="Submit" /></li>
</ul>
</div>
</form>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">obj.init();</script>
</body>
</html>
我认为我应该能够循环输入并在值为空时发出警报,但是,它对我不起作用。任何帮助都会很棒。
最佳答案
试试这个(在将 id="submit"
属性添加到提交元素后):
init : function(){
document.getElementById('submit').onclick = obj.validate;
},
validate : function(){
var check = document.getElementsByTagName('input');
var len = check.length;
for(var i=0;i<len;i++) {
if (check[i].value ==='')
{
alert('required');
return false;
};
};
}
关于javascript - 使用 Javascript 循环检查空表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22976213/