javascript - 更改表单名称的表单验证

Question

我有一系列使用 php 动态创建的表单。

表单名称是使用 php $formcount 变量创建的，并使用 while 循环递增。因此，对于创建的多个表单，表单名称将为:更新1更新2update3等等。

我在每个表单中都有一个需要验证的下拉菜单。我无法成功使用 JavaScript 来单独验证每个表单，因为表单的名称每次都会发生变化。

$formcount=0;
while($info=mysql_fetch_array($agent_q))
{
......
echo('
<form name="update'.$formcount.'" method="post" onsubmit="return CheckUpdate(this);">
<select name="login_time" id="login_time">
<option value="none">Select Login</option>
<option value="00:30">00:30</option>
<option value="02:30">02:30</option>
<option value="03:30">03:30</option>
<option value="04:30">04:30</option>
<option value="06:30">06:30</option>
<option value="09:30">09:30</option>
<option value="12:30">12:30</option>
<option value="13:30">13:30</option>
<option value="16:30">16:30</option>
<option value="17:30">17:30</option>
<option value="18:30">18:30</option>
<option value="19:30">19:30</option>
<option value="20:30">20:30</option>
<option value="21:30">21:30</option>
<option value="22:30">22:30</option>
</select></form>');
.....
}

我的JS是

function CheckUpdate(){
    if(document.????==0){
    alert("Select Login Time!\r\n");
    return false;
    }
    else
    return true;
}

不知道用什么来代替???。我确信这相当简单......任何帮助都非常感谢。谢谢!

Answer 1

有几种方法可以实现这一点。可能最简单的(无需修改现有的 PHP)是使用 form.elements 收藏。在您的情况下，<select>将是elements[0]

// The form node is passed in the function call as (this)
function CheckUpdate(node){
    // The first form element in the form node passed to the function is the <select>
    // Test that a value other than the default is selected...
    if (node.elements[0].value == 'none'){
      alert("Select Login Time!\r\n");
      return false;
    }
    else return true;
}

还有其他方法可以解决这个问题。例如，如果始终只有一个 <select>里面<form> ，但它不一定位于第一个位置 [0] ，您可以使用getElementsByTagName()将其检索为当前 <form> 的子项

function CheckUpdate(node){
    var selNodes = node.getElementsByTagName('select');
    // Check the value of the first <select> child of the <form> (which was passed as node)
    if (selNodes[0].value == 'none'){
      alert("Select Login Time!\r\n");
      return false;
    }
    else return true;
}

注意:在 PHP 循环中，您复制 <select> id 属性。这是不允许的 - id 属性应该是唯一的。您可以附加您的$formcount .

echo '
<form name="update'.$formcount.'" method="post" onsubmit="return CheckUpdate(this);">
<select name="login_time" id="login_time' . $formcount . '">
...;