в коде, я хочу, если я проверил que3, тогда он должен заполнить все ниже данные под que3 & сообщениями на страницу .php. Но здесь, в коде, когда я заполнил все данные под qeu3 &, нажмите кнопку отправки, а вместо отправки значений формы на следующую страницу, ошибка отображается в que4. Я действительно не знаю, что происходит в коде. почему он дает ошибку в que4. Я не хочу этого. кто-нибудь, пожалуйста, помогите мне решить его.Значения формы не публикуются при нажатии кнопки, показывает ошибку проверки
function validate(){
\t document.getElementById('msgerr').innerHTML='';
\t document.getElementById('error5').innerHTML='';
\t document.getElementById('error6').innerHTML='';
\t document.getElementById('error61').innerHTML='';
\t document.getElementById('error7').innerHTML='';
\t document.getElementById('error8').innerHTML='';
if(!(document.getElementById('ques3').checked) && !(document.getElementById('ques4').checked)) {
document.getElementById('msgerr').innerHTML="select any one of them";
\t return false; \t
}
if(!(document.getElementById('ques3').checked) && !(document.getElementById('ques4').checked)) {
\t document.getElementById('msgerr').innerHTML="select any one of them";
\t return false; \t
}
<!-- for 3rd main que -->
if(document.getElementById('ques3').checked)
{
\t var a = document.getElementById("list4");
\t var option4 = a.options[a.selectedIndex].value;
\t var b = document.getElementById("list5");
\t var option5 = b.options[b.selectedIndex].value;
\t var c = document.getElementById("list6");
\t var option6 = c.options[c.selectedIndex].value;
\t
\t if(document.form.cloudapp.value == ''){
\t \t document.getElementById('error5').innerHTML="fill all values";
\t \t document.form.cloudapp.focus();
\t \t return false; \t
\t }
\t else if(option4=="none1"){
\t \t document.getElementById("error5").innerHTML="Please select list1";
\t \t document.form.list4.focus();
\t \t return false;
\t }
\t else if(option5=="none2"){
\t \t document.getElementById("error5").innerHTML="Please select list2";
\t \t document.form.list5.focus();
\t \t return false;
\t }
\t else if(option6=="none3"){
\t \t document.getElementById("error5").innerHTML="Please select list3";
\t \t document.form.list6.focus();
\t \t return false;
\t }
\t else if(!(document.getElementById('thirdsubque11').checked)){
\t \t document.getElementById("error6").innerHTML="Please select hosting type";
\t \t document.form.thirdsubque11.focus();
\t \t return false;
\t }
\t else if(!(document.getElementById('thirdsubque22').checked)){
\t \t document.getElementById("error61").innerHTML="Please select hosting type";
\t \t document.form.thirdsubque22.focus();
\t \t return false;
\t }
\t else if(document.form.page1.value == ''){
\t \t document.getElementById('error61').innerHTML="fill all values";
\t \t document.form.page1.focus();
\t \t return false; \t
\t }
\t else if(!(document.getElementById('azure').checked)){
\t \t document.getElementById("error6").innerHTML="Please select hosting type";
\t \t document.form.azure.focus();
\t \t return false;
\t }
\t else if(!(document.getElementById('rackspace').checked)){
\t \t document.getElementById("error6").innerHTML="Please select hosting type";
\t \t document.form.rackspace.focus();
\t \t return false;
\t }
\t else if(!(document.getElementById('cloudho').checked)){
\t \t document.getElementById("error6").innerHTML="Please select hosting type";
\t \t document.form.cloudho.focus();
\t \t return false;
\t }
\t else if(document.form.cludhost.value == ''){
\t \t document.getElementById('error6').innerHTML="fill all values";
\t \t document.form.cludhost.focus();
\t \t return false; \t
\t }
}
<!-- over -->
<!-- for 4th main que -->
if((document.getElementById('ques4').checked) && !(document.getElementById('fourthsubque101').checked) && !(document.getElementById('external').checked)){
\t document.getElementById('error7').innerHTML="select any one of them";
\t document.form.fourthsubque101.focus();
\t return false; \t
}
if(if((document.getElementById('ques4').checked)){
if(!(document.getElementById('extweb1').checked) &&
!(document.getElementById('social1').checked) &&
!(document.getElementById('payment').checked))
{
document.getElementById('error8').innerHTML="select below
values";
document.form.extweb1.focus();
return false;
}
}
<!-- over -->
return true;
}
div{
color:red;}
<html>
<body>
<form name="form" method="post" action="">
<div id="msgerr"></div>
<table border="1" align="left" cellpadding="1" cellspacing="1">
<!-- 3rd question -->
<tr>
<td style="padding :0;"><input type="checkbox" name="a[]" value="que3" id="ques3" onClick="thirdque();thirdqueUnchk();" />que3</td>
<td></td>
<td><div id="error5"></div></td>
</tr>
<tr id="thiredsubque1">
<td></td>
<td style="padding:0;">Total number of Cloud Apps to be tested</td>
<td style="padding:0;"><input type="text" size="30" id="cloudapp" name="cloudapp" placeholder="number of Cloud Apps to be tested" /></td>
</tr>
<tr id="thiredsubque2">
<td></td>
<td style="padding:0;">Server side programming language</td>
<td style="padding:0;"><select style="width:70%;height:22px;" id="list4" name="cloudserverlang[]">
<option value="none1" selected>None</option>
\t <option value="31">php</option>
\t <option value="32">Dot Net</option></select></td>
</tr>
<tr id="thiredsubque3">
<td></td>
<td style="padding:0;">Browser side programming language</td>
<td style="padding:0;"><select style="width: 70%;height: 22px;" id="list5" name="cloudbrowselang[]">
<option value="none2" selected>None</option>
\t <option value="41">php</option>
\t <option value="42">Dot Net</option></select></td>
</tr>
<tr id="thiredsubque4">
<td></td>
<td style="padding:0;">Backend Database</td>
<td style="padding:0;"><select style="width: 70%;height: 22px;" id="list6" name="clouddblang[]">
<option value="none3" selected>None</option>
\t <option value="51">php</option>
\t <option value="52">Dot Net</option></select></td>
</tr>
<tr id="thiredsubque5">
<td></td>
<td><input type="checkbox" id="thirdsubque11" name="amazon[]" value="Amazon Cloud Hosting" onClick="thirdsubque1();thirdsubque1Unchk()" />Amazon Cloud Hosting</td>
<td><div id="error6"></div></td>
</tr>
<tr id="thiredsubque51">
<td></td>
<td> <input type="checkbox" value="Third party framework used" name="thirdframe[]" id="thirdsubque22" onClick="thirdsubque2();thirdsubque2Unchk()"/>Third party framework used</td>
<td><div id="error61"></div></td>
</tr>
<tr id="thiredsubque511">
<td></td>
<td> Number of pages</td>
<td><input type="text" name="pages2" placeholder="Number of pages" id="page1"/></td>
</tr>
<tr id="thiredsubque6">
<td></td>
<td><input type="checkbox" name="azure[]" id="azure" value="Microsoft Azure Cloud Hosting" />Microsoft Azure Cloud Hosting</td>
<td></td>
</tr>
<tr id="thiredsubque7">
<td></td>
<td><input type="checkbox" name="rackspace[]" id="rackspace" value="Rackspace Cloud Hosting"/>Rackspace Cloud Hosting</td>
<td></td>
</tr>
<tr id="thiredsubque8">
<td></td>
<td><input type="checkbox" name="cloudho[]" id="cloudho" onClick="thirdsubque3();thirdsubque3Unchk()" value="Other cloud hosting"/>Other cloud hosting</td>
<td><input type="text" id="cludhost" placeholder="Other cloud hosting" name="othrcloud" /></td>
</tr>
<!-- 4th question -->
<tr>
<td style="padding:0;"><input type="checkbox" value="que4" name="a[]" id="ques4" onClick="fourthque();fourthqueUnchk();" />que4</td>
<td></td>
<td><div id="error7"></div></td>
</tr>
<tr id="fourthsubque41">
<td></td>
<td><input type="checkbox" name="select41[]" value="Android App" id="fourthsubque101" onClick="fourthsubque11();fourthsubque11Unchk()" />Android App</td>
<td><div id="error8"></div></td>
</tr>
<tr id="fourthsubque411">
<td></td>
<td> <input type="checkbox" name="extweb[]" id="extweb1" value="Calls any external web services"/>Calls any external web services</td>
<td></td>
</tr>
<tr id="fourthsubque412">
<td></td>
<td> <input type="checkbox" name="socialapp[]" id="social1" value="Uses any social media app internally" />Uses any social media app internally</td>
<td></td>
</tr>
<tr id="fourthsubque413">
<td></td>
<td> <input type="checkbox" name="payment[]" id="payment" value="Performs payment transactions"/>Performs payment transactions</td>
<td></td>
</tr>
<tr id="fourthsubque42">
<td></td>
<td><input type="checkbox" name="iOSapp[]" value="iOS App" id="external" onClick="fifthque()" />iOS App</td>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="submit" onClick="return validate()" name="submit" value="Submit" /></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
если я нажимаю на представить бутон без проверки какого-либо флажка, он переходит на следующую страницу, не делая проверки. - @ Vivek Gupta – amigo
извините, мой плохой. Пожалуйста, см. Мое редактирование –
Сначала, если щелкнуть submit, он перенаправляется на следующую страницу, даже если я поставил код, чтобы проверить, проверен ли какой-либо из этих que3 и 4 или нет. & еще одна ошибка - это правильная проверка корректности que3. это означает, что при вставке значений в que3, если нажать на submit, он должен сказать, что введите другие значения, но это не будет. – amigo