2017-01-25 4 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

論理演算子AND - > &&のJSで、頭から直接書きますが、論理はOKです。申し訳ありません –

0

に使用することは簡単ですので、jQueryのを使用します。

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

jQuery Validatorを使用すると、どのプロジェクトでも機能の選択肢が増えます。さらに、GitHubで質問することもできます。