如何验证单选按钮和文本字段JavaScript

Question

下面是我的代码

<!DOCTYPE html>
<head>

</head>

<body>
<form action="script.php" method="post" id="Form1">
<input name="radioGroup" type="radio" value="Radio1" id="Radio1id">
<input name="radioGroup" type="radio" value="Radio2" id="Radio2id">
<input name="radioGroup" type="radio" value="Radio3" id="Radio3id">
<br>
<br>
<input type="text" size="30" id="name" placeholder="Name*"><br>
<input type="text" size="30" id="email" placeholder="Email*"><br>
<input type="text" size="30" id="comments" placeholder="Comments (Optional)"><br><br>
<input type="submit">
</form>
</body>
</html>

有什么方法可以验证单选按钮和同时提交的文本。 例如，如果未选中单选按钮或未使用文本字段。 应该会得到一个警报窗口。

谢谢，

Answer 1

尝试类似的事情，或者使用JQuery，因为它易于验证

if((document.getElementById('Radio1id').checked) && document.getElementById('name').value != "") {
 //Action for checked radio button and text box without value
}else if(document.getElementById('Radio2id').checked) {
 //Another Action . . . 
}

if((document.getElementById('Radio1id').checked == false) && document.getElementById('name').value != "") {
 //Action for NON checked radio button and text box without value
}

Answer 2

通过使用jQuery。

 // valid syntax for jQuery
 $("#Radio1id").is(":checked"); // for radio button
 $("#email").val()===""; // for any input

Answer 3

使用jQuery Validator ，可以为您提供任何项目的更多功能和选择。 另外，您可以在GitHub上提问。

如何验证单选按钮和文本字段JavaScript

问题描述

3 个解决方案

解决方案1
4 2017-01-25 11:12:55

解决方案2
0 2017-01-25 11:23:53

解决方案3
0 2017-01-25 18:24:25

如何验证单选按钮和文本字段JavaScript

问题描述

3 个解决方案

解决方案1 4 2017-01-25 11:12:55

解决方案2 0 2017-01-25 11:23:53

解决方案3 0 2017-01-25 18:24:25

解决方案1
4 2017-01-25 11:12:55

解决方案2
0 2017-01-25 11:23:53

解决方案3
0 2017-01-25 18:24:25