如何驗證單選按鈕和文本字段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