Why is this not working!!!

**webevelopersFTW** · 08-05-2011 12:02 PM

I have this code it works fine validates fine until i press submit and it fails can anyone tell me what

just a simple drop down box

HTML Code:

 <tr>
          <td><label for="subject">Subject</label></td>
          <td><select name="subject" id="subject" value="<?=$_SESSION['post']['subject']?>" >
          
            <option value="0" selected="selected">Choose</option>
            <option value="Question">Question</option>
            <option value="Business proposal">Business proposal</option>
            <option value="Advertisement">Advertising</option>
            <option value="Complaint">Complaint</option>
          </select>         </td>
         <td id="subjectInfo">Subject</td>
        </tr>

With this javascript

Code:

var subject = $("#subject");
var subjectInfo = $("#subjectInfo");

form.submit(function(){
		if(validateName() & validateEmail() & validateSubject() & validateName() & validateName()) 
			return true
		else
			return false;
	});

function validateSubject(){
		if(this.selectedIndex > 0) {
   			subjectInfo.text("Valid");
			subjectInfo.removeClass("error");
			return true;
		} 	
		// Not valid
		else{
	  		subjectInfo.text("NOT valid");
	  		subjectInfo.addClass("error");
	  		return false;
   
  }
	}

Again it works fine up until i press submit and it goes from valid to not valid! can anyone tell me what i am not seeing??

**webevelopersFTW** · 08-06-2011 08:47 AM

can anyone suggest what is wrong here?

**Logic Ali** · 08-06-2011 08:55 AM

Originally Posted by webevelopersFTW

can anyone suggest what is wrong here?

https://developer.mozilla.org/en/Cor...ical_Operators

**webevelopersFTW** · 08-06-2011 09:24 AM

well thanks for the help, although it didn't help but thanks anyways.

**JMRKER** · 08-06-2011 10:20 AM

Originally Posted by webevelopersFTW

well thanks for the help, although it didn't help but thanks anyways.

I thought he gave you a LOT of help.

Take a look at your code with the '&' characters
and compare it to the logical comparison characters of '&&'

**webevelopersFTW** · 08-09-2011 09:24 AM

what i am saying is if i do this... it still does not validate when i press the submit button. it validates when i click on the drop down box but when i press the submit button it goes back to being 'NOT valid' (as show in the second set of code)

Code:

form.submit(function(){
		if(validateSubject()) 
		return true	
		else
		return false;
	});

Code:

function validateSubject(){
		if(this.selectedIndex > 0) {
   			subjectInfo.text("Valid");
			subjectInfo.removeClass("error");
			return true;
		} 	
		// Not valid
		else{
	  		subjectInfo.text("NOT valid");
	  		subjectInfo.addClass("error");
	  		return false;
   
  }
	}

**webevelopersFTW** · 08-10-2011 07:53 AM

can anyone out there help?

**JMRKER** · 08-10-2011 09:08 AM

Put your PHP back into this example.

Your requirements are not very clear to me with only a portion of the code given
so this is just a guess as to what you are trying to do...

Code:

<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">

function validate() {
  if (validateName() && validateSubject() ) {
    alert('Name AND Subject are BOTH valid');
    return true
  } else {
    alert('Name OR Subject are NOT valid');
    return false;
  }
}

function validateName(){           // Valid
  if(document.getElementById('subject').selectedIndex > 0) { // alert('Valid');
    return true;
  } else {	// alert(('NOT valid');  // Not valid
    return false;
  }
}

function validateSubject(){           // Valid
  if(document.getElementById('subjectinfo').selectedIndex > 0) { // alert('Valid');
//    subjectInfo.text("Valid");  subjectInfo.removeClass("error");
    return true;
  } else {	// alert(('NOT valid');  // Not valid
//    subjectInfo.text("NOT valid");  subjectInfo.addClass("error");
    return false;
  }
}

</script>

</head>
<body>

<form name="myForm" action="javascript:alert('Success')" method="post"
 onsubmit="return validate()">
<table border="1">
 <tr>
  <td><label for="subject">Subject</label></td>
  <td id="subjectInfo">Subject Info</td>
 </tr>
 <tr>
  <td>
   <select name="subject" id="subject" value="">
    <option value="0" selected="selected">Choose</option>
    <option value="Question">Question</option>
    <option value="Business proposal">Business proposal</option>
    <option value="Advertisement">Advertising</option>
    <option value="Complaint">Complaint</option>
   </select>
  </td>
  <td>
   <select name="subjectinfo" id="subjectinfo" value="">
    <option value="0" selected="selected">Select</option>
    <option value="Question">Question</option>
    <option value="Business proposal">Business proposal</option>
    <option value="Advertisement">Advertising</option>
    <option value="Complaint">Complaint</option>
   </select>
  </td>
 </tr>
</table>
<input type="submit" value="Submit">
</form>

</body>
</html>

Good Luck!

Thread: Why is this not working!!!

Thread Tools

Display

Why is this not working!!!

Something to try...

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions