gpt4 book ai didi

javascript - 使用 Javascript 循环检查空表单字段

转载 作者:行者123 更新时间:2023-11-28 19:53:45 29 4
gpt4 key购买 nike

我正在尝试循环浏览一个小表单并检查空白字段。我以为这很简单,但我无法让任何东西发挥作用。到目前为止,这是我的 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/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com