如何验证我的单选按钮

时间:2013-09-03 18:08:15

标签: javascript validation

我刚开始编程,而且我处于一个非常基础的水平,我刚刚为我的学生网站创建了一个表单,我正在尝试验证Radio Buttons。我知道我可以在HTML代码中选择“已选中”但我的导师规定它必须在JavaScript代码中。我已经在这里进行了研究,但你们许多人已经展示的例子对我没用(我的错!)而且它只是崩溃了我之前的所有验证。

非常感谢所有忍者的任何指导。以下是我的代码的一小部分,它对我有用,因为我已经沮丧地删除了单选按钮验证,我只是想知道如何调整这段代码:

<script>    
  function validate(){
    firstname = document.getElementById("txtFirst").value;

    errors = "";

    if (firstname == ""){
      errors += "Please supply a valid First Name \n";
    } else if (!firstname.match(/^[a-zA-Z-\s]*$/)){
      errors += "Please use only letters in your First Name \n";
    }
  }
</script>


<body>
<form method="post" action="" class="booking">
<fieldset>
  <div>
    <label for="txtFirst" class="fixedwidth">First Name</label>
    <input type="text" name="txtFirst" id="txtFirst"/>
  </div>

  <div class="buttonarea">
    <input type="submit" value="submit" onclick="validate()"/>
  </div>
</fieldset>
</form>

1 个答案:

答案 0 :(得分:1)

我建议使用jQuery,因为您只需要检查$('element').val()。在JavaScript中,您必须检查document.getElementById('element').value。请务必匹配nameid属性,因为您只能选择一组放射性物品中的一个值。