Order Form - JS Alert when all the input fields are 0

Discussion in 'JavaScript' started by nita, May 4, 2013.

  1. #1
    Hi Everyone.

    I'm working on a basic ordering form. What i'm trying to achive is to get javascript to return alert when all the inputs fields are with values 0.
    At least 1 of the inputs has to be filled in with value more then 0 in order to proceed with a ordering form.
    I have to mention that products list / input fields are generated dynamicly so their number might vary.

    Basic code:

    <form name='packaging' action="packaging.php" method='post'>
     
    <?
    $result = mysql_query("SELECT * FROM packaging_items") or die(mysql_error());
                    while($row=mysql_fetch_array($result)) {
    echo "
    <input type='text' style='width:20px'  name='$row[prodno]' id='$row[prodno]' maxlength='4' value="0" onblur="if (this.value == '') {this.value = '0';}" onfocus="if (this.value == '0') {this.value = '';}" onkeypress='validate(event)' >
    ";
    }
    ?>
     
    </form>
    Code (markup):
    Any suggetions .. i really have no clue where to start ...

    Thank you in advance
     
    nita, May 4, 2013 IP
  2. nita

    nita Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #2
    Found the solution on another forum.

    function validateForm(){
      var inputs =  document.getElementsByTagName('input');
      var noneZeroFound = false;
      for(var i=0;i< inputs.length;i++){
          var input = inputs[i];
          if(input.value != '0'){
            noneZeroFound = true;
            break;
          }
      }
      if(!noneZeroFound ){
          alert('MUST ENTER VALUE...');
          return false;
      }
     
      return true;
    }
     
    <form name='packaging' action="packaging.php" method='post' onSubmit="return validateForm()">
    Code (markup):
     
    nita, May 5, 2013 IP