Geek asks and answers

Javascript multiple field / form validation

Yes, I know that Stacked has a lot of questions related to form validation, but so far some of them have been very close to what I'm trying to accomplish, I think this is unique.

I have this JS fiddle with this script that I want to use will return all fields by name that were not filled. I believe this is a much better approach, since I did it below the code to try to execute the same result with a few field checks:

function validate ( )
{
valid = true;

if ( document.contactinfo.Name.value == "" )
{
    alert ( "You need to fill the name field!" );
    valid = false;
}

  if ( document.contactinfo.email.value == "" )
{
    alert ( "You need to fill in your email!" );
    valid = false; //change variable valid to false
}
return valid;
}

, , . , , . JS script , , : ValidateRequiredFields is not defined , . , .

? , , . !

. JQuery, , , !

+3
1

, script :

,

function validate ( ) {
  var valid = true;
  var msg="Incomplete form:\n";
  if ( document.contactinfo.Name.value == "" ) {
    msg+="You need to fill the name field!\n";
    valid = false;
  }
  if ( document.contactinfo.contact_email.value == "" ) {
    msg+="You need to fill in your email!\n";
    valid = false;
  }
  if (!valid) alert(msg);
  return valid;
}

:

function validate ( ) {
  var valid = true;
  var msg="Incomplete form:\n";
  if ( document.contactinfo.Name.value == "" ) {
    if (valid)//only receive focus if its the first error
      document.contactinfo.Name.focus();
    //change border to red on error (i would use a class change here...
    document.contactinfo.Name.style.border="solid 1px red";
    msg+="You need to fill the name field!\n";
    valid = false;
  }
  if ( document.contactinfo.contact_email.value == "" ) {
    if (valid)
      document.contactinfo.contact_email.focus();
    document.contactinfo.contact_email.style.border="solid 1px red";
    msg+="You need to fill in your email!\n";
    valid = false;
  }
  if (!valid) alert(msg);
  return valid;
}

, ... . , . else , ... , , . ex:

- .

style.border = "..." - , , .

:

- , .

-Make , ,

. , , - , .

+5

More articles:


All Articles