[help] adding validation form combo

[vespaman]

help, i have form with multiple combobox, i want add validation for submition selected combobox, this my form.. http://pastebin.com/k8r5Rnw4 at form have tabel SPh, CYL, Axis, i want to add validation for tabel SPH, CYL, AXIS, for this role..

SPH- CYL-AXIS
None - None - None... allow submit form
value - value - value ... allow submit
value - none - none ... allow submit
value - value - none ... cannot submit

please.. help me, thanks regards...

[WolfShade]

Firstly, not to split hairs, but you don't have multiple comboboxes; if you are using the combobox library, you have multiple SELECT tags that use the combobox library - if you don't use the combobox library, you just have multiple SELECT tags (sometimes aka "drop-downs").

Assuming that the labels are the IDs (not name) of the SELECT tags (and you didn't give the FORM id, so I'm giving it an arbitrary id)..

function validateForm(){
  var formObj = document.forms["thisForm"];
  if((formObj.SPh.selectedIndex > 0) && 
    (formObj.CYL.selectedIndex > 0) &&
    (formObj.Axis.selectedIndex == 0)){
      alert("Form cannot submit like this"); return false;
      }
}

[vespaman]

id combo is a, aa, aaa,aaaa,.... see my form at http://pastebin.com/k8r5Rnw4 my validation by value="0" but I want to add another validation for combo a ,aa,aaa,aaa.. the validation is cannot submit form before selecting first combo.... please help...

[vespaman]

PHP Code:

  function validasi() {
      if(document.getElementById("xxx2").checked) {
        alert("Maaf, untuk pemesanan product dengan ukuran Anda silahkan menghubungi customer support  via live chat, SMS, atau BBM ");
        return false; //batalkan submit, radio ke-2 yg di pilih
      }
     
      if(document.getElementById("a").value=="0") {
        alert("Maaf, untuk pemesanan product dengan ukuran Anda silahkan menghubungi customer support  via live chat, SMS, atau BBM ");
        return false; //batalkan submit, opsi 'a' belum dipilih
      }
     
      if(document.getElementById("aa").value=="0") {
        alert("Maaf, untuk pemesanan product dengan ukuran Anda silahkan menghubungi customer support  via live chat, SMS, atau BBM");
        return false; //batalkan submit, opsi 'aa' belum dipilih
      }
     
      if(document.getElementById("aaa").value=="0") {
        alert("Maaf, untuk pemesanan product dengan ukuran Anda silahkan menghubungi customer support  via live chat, SMS, atau BBM");
        return false; //batalkan submit, opsi 'aaa' belum dipilih
      }
           if(document.getElementById("aaaa").value=="0") {
        alert("Maaf salah");
        return false; //batalkan submit, opsi 'aaa' belum dipilih
      }
       
        if(document.getElementById("aaaaa").value=="0") {
        alert("Maaf, untuk pemesanan product dengan ukuran Anda silahkan menghubungi customer support via live chat, SMS, atau BBM ");
        return false; //batalkan submit, opsi 'aaa' belum dipilih
      } 


how to add validation, if "a" is selected then have to selected "aa" if "aa" selected then have to selected "aaa"... -> not allow select next dropdown before selected first dropdown..

[Philip M]

Have a look at http://www.codingforums.com/showthread.php?t=272864

and

http://www.codingforums.com/showthread.php?t=169465

As your post is partly in a foreign language, I am not sure that I completely understand what you want, but if you have three select lists you can obtain the selected indices of all three with:-

var val1 = document.getElementById("a").selectedIndex;
var val2 = document.getElementById("aa").selectedIndex;
var val3 = document.getElementById("aaa").selectedIndex;

and then use if..else statements to identify combinations where submission is not allowed:-

if (val1 > 0) && (val2 > 0) && (val 3 == 0)) {
return false; // cannot submit.
}

This is in effect what WolfShade has suggested.

I assume (or hope!) that your select lists do not really have the ids a,aa,aaa, aaaa etc. If they do, that is horrible!


All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

[vespaman]

not multiple combo just multiple SELECT tags /dropdownlist , validation is not allow select next dropdown before selected first dropdown..

[Philip M]

Originally Posted by vespaman

not multiple combo just multiple SELECT tags /dropdownlist , validation is not allow select next dropdown before selected first dropdown..

Have you looked at the links to the forum threads which I gave you?

Or here is another example:-

<select id = "fruits" onchange = "go()">
<option selected value=""> Choose A Fruit</option>
<option value='Mango'> Mango </option>
<option value='Apple'> Apple </option>
<option value='Orange'> Orange </option>
</select>

<select id = "colours" onchange = "go()">
<option selected value=""> Choose A Colour</option>
<option value='Red'> Red </option>
<option value='Green'> Green</option>
<option value='Blue'> Blue </option>
</select>

<select id = "size" onchange = "go()">
<option selected value=""> Choose A Size</option>
<option value='Large'> Large </option>
<option value='Medium'> Medium</option>
<option value='Small'> Small </option>
</select>


<script type = "text/javascript">

function go() {

var val1 = document.getElementById("fruits").value
var val2 = document.getElementById("colours").value
var val3 = document.getElementById("size").value

if (val1 == "") {
document.getElementById("colours").selectedIndex = 0;
document.getElementById("size").selectedIndex = 0;
alert ("You must select a fruit, then a colour, then a size");
return false;
}

if ((val3 != "") && (val2 == "")) {
document.getElementById("size").selectedIndex = 0;
alert ("You must choose a colour before selecting a size");
return false;
}

if (val3 == "") {return false}

alert ("You have selected:-   " + val1 + "   " + val2 + "   " + val3);

}

</script>