javascript validation/prevent submit form amazon mechanical turk

Question

I am using Amazon survey form template to create a survey.

however i would like to use validation.

I saw this question however i don't want to use the web services to create the hit but use their template.

How can I prevent the form from being submitted?

Answer 1

I found a way to do it:

I added a function to the submit button:

<script type='text/javascript'>
window.onload = function() {document.getElementById('submitButton').setAttribute('onclick', 'return validateForm()'); }



function validateForm() {
if (validate)
return true;
else
return false;
}
</script>

Answer 2

Here's an example of doing the validation with jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('#submitButton').click(function() {
    if ($('input[name=myField]').val() == '') {
      alert('myField is required.');
      return false;
    }
    return true;
  });
});
</script>