2017-01-25 5 views
1

Ниже мой кодКак проверить радиокнопку и текстовое поле Javascript

<!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> 

Есть ли способ, чтобы проверить радиокнопку и текст, поданный одновременно. например, если переключатель не установлен или текстовое поле не используется. должен получить окно предупреждения.

Спасибо,

+0

Использовать валидатор jQuery для надежной поддержки проверки. – mhshimul

+0

Вы пробовали проверить с помощью Javascript. Этот вопрос будет занижен, так как он был дан ответ неоднократно. Добавьте код JS, который вы уже пробовали. – Gezzasa

+0

Вы можете использовать атрибут «обязательный», чтобы внести необходимые данные перед отправкой формы. Просто добавьте 'required =" true "' в поля, которые вы хотите сделать обязательными. –

ответ

4

Попробуйте что-нибудь подобное, или использовать 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 
} 
+0

получение синтаксической ошибки – dcthaju

+0

В JS использовать для логического оператора AND -> &&, я пишу его прямо из головы, но логика в порядке, извините за это –

0

с помощью JQuery.

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

jQuery Validator, дает вам больше возможностей и вариантов по дороге с любым проектом. Кроме того, вы можете задавать вопросы о GitHub.

Смежные вопросы