AJAX

Required field validation

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Oct 2007

Posts: 39

Reputation: Tom Tolleson is an unknown quantity at this point

Solved Threads: 0

Tom Tolleson Tom Tolleson is offline

Offline

Light Poster

Required field validation

Aug 8th, 2008

I have an html form with multiple fields. Some of the fields are required, others are not. I have a JavaScript validation form that will send an alert if a field is empty. However, I only want it to send an alert if a required field is empty. How do I signify which fields in the form should cause the alert message to pop up?

Thanks,

Tom Tolleson

•

Join Date: Aug 2008

Posts: 381

Reputation: langsor is an unknown quantity at this point

Solved Threads: 33

langsor

Offline

Posting Whiz

Re: Required field validation

Aug 9th, 2008

You can test the field by className in your javascript and give all required fields the same class name.

Something like this

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
var form = document.getElementById('myform');
 
for ( var i = 0; i < form.length; i ++ ) {
  if ( /required/.test( form[i].className ) {
    if ( !form[i].value ) { // might have to tweek this some ...
      alert( 'You missed a required field: ' + field.name );
      return false; // test failed, abort form submit
    }
  }
}
 
// all fields passed the test ...
return true; // or maybe use
form.submit();
var form = document.getElementById('myform');

for ( var i = 0; i < form.length; i ++ ) {
  if ( /required/.test( form[i].className ) {
    if ( !form[i].value ) { // might have to tweek this some ...
      alert( 'You missed a required field: ' + field.name );
      return false; // test failed, abort form submit
    }
  }
}

// all fields passed the test ...
return true; // or maybe use
form.submit();

What a required field might look like

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<input type="text class="required" name="First Name" />
 
<input type="text class="required" name="First Name" />