我開發了一個頁面,其中包含幾個問題和答案......有三種類型的答案單選按鈕,複選框和文本區域...我必須驗證這些使用JavaScript ...驗證動態單選按鈕,複選框和文本區域
根據問題類型我得到從數據庫答案選項是否可能是一個單選按鈕或複選框或文本區域...
<input type="radio" id="radio" name="21" value="59"/>
<input type="radio" id="radio" name="22" value="60"/>
<input type="radio" id="radio" name="23" value="61"/>
像一樣的複選框動態創建的問題和文本區域....
// try 1
var form = document.getElementById('form1');
var inputs = form.getElementsByTagName('INPUT');
for (var i = 0; i < inputs.length; ++i) {
if (inputs[i].type.toLowerCase == 'radio' && !inputs[i].checked)
return false;
}
return true;
//嘗試2
var rv = document.getElementsByName("reservation_in");
var ci = -1;
for(var ikj=0; ikj < rv.length; ikj++){
if(rv[ikj].checked) {
ci = ikj;
}
}
if (ci == -1) {
document.getElementById('err_reservation_for').innerHTML="";
document.getElementById('err_reservation_for').innerHTML=
'Please let us know
//Reservation for Inside or Patio.';
return false;
}
//嘗試3
var radios = document.getElementById('radio');
var formValid = false;
var i = 0;
while (!formValid && i < radios.length) {
if (radios[i].checked)
formValid = true;
i++;
}
if (!formValid)
//document.getElementById('radio_error').innerHTML="";
//document.getElementById('radio_error').innerHTML=
'Please select one answer.';
alert("Please select the answer");
return formValid;
* ....我有使用JavaScript來驗證這些動態創建的問題... *好了。好。你能分享更多的代碼嗎?任何Javascript代碼? –
將其用於單選按鈕驗證 http://adobe.github.io/Spry/articles/radio_overview/index.html – Harsh
對於所有元素,id應該不同。 –