Javascript / PHP验证

Question

I'm trying to prevent the form being submitted if the validation fails, however its not working at the moment. The onclick method is used for hidden input, but its the onsubmit method that is failing. Any ideas?

      <input type="submit" class="btn ccm-input-submit" id="register" name="register" value="Register" onsubmit="return validation(this)" onclick="copytextbox()"/>
      <?php echo $form->hidden('rcID', $rcID); ?>

<script>
function copytextbox()
{
    var textToCopy = document.getElementById('school').value;
    var whereToCopy = document.getElementById('<?php echo $school ?>');
    whereToCopy.value += textToCopy; 
}

function validation(f)
{
    var schoolText = document.getElementById('school').value;
    if (schoolText == '') { 
      alert('Please Choose a value from the dropdown box.');  
      return false;  // stop submission until textbox is not '' 
    }  else {
      f.submit();
      return false;
    }
}
</script>

Also, im attempting to see if that value is a member of an array, I tried using indexOf(schoolText) etc but this also failed, kind regards

Answer 1

Move your onsubmit="return validation(this)" attribute from the <input> tag to the <form> tag.

Test an array like this:

// global array
var fruits = ["Banana", "Orange", "Apple", "Mango"];

function findFruit(val) {
  if(fruits.indexOf(val) == -1 {
    alert('not found');
  } else {
    alert('Found!')
  }
}
findFruit('Peach'); // not found