Javascript表单验证无效

Question

I can't understand why my javascript isn't working... Do i need to declare a variable somewhere?

<script type="text/javascript">
function validation(form) {
      

if(form.first_name.value == '' ) {

alert('Please enter your first name');
     form.first_name.focus();
return false;
}


if(form.00N30000006S4uq.value == '') {

alert('Please enter the high end of your budget');
  form.company.focus();
return false;
}


return true;
}
</script>



<form action="https://www.salesforce.com/servlet/servlet.WebToLead" method="POST" onsubmit="return validation(this);">

Answer 1

Form names need to begin with a letter. "00N30000006S4uq" fails because it begins with a number.

See: http://www.w3.org/TR/html401/types.html#type-cdata

Answer 2

As mentioned by @ReturnTrue, the NAME must begin with a letter. That is why your script is failing.

In your case since the field is auto-generated, if you know the flow of the elements in the form then you can reference the form elements array, like this...

form.elements[2].value

where form.elements[2] is form.00N30000006S4uq . That will do the job.

Example:

function validation(form) {
  if(form.elements[0].value == '' ) {
      alert('Please enter your first name');
      form.first_name.focus();
      return false;
  }

  if(form.elements[2].value == '') {
      alert('Please enter the high end of your budget');
      form.company.focus();
      return false;
  }

  return true;
}

<form action="" method="POST" onSubmit="return validation(this);">
<input type="text" name="first_name" />
<input type="text" name="company" />
<input type="text" name="00N30000006S4uq" />
<input type="submit" name="submit" />
</form>