Javascript Form - if input enabled then...

[JamesU2005]

Hey all,

Got a really complicated form with javascript validation that I'm having to bolt on some more validation.

Essentially, a form input field is disabled until a checkbox is ticked then it becomes enabled. This all works fine.

Now I need to check ONCE then input filed is enabled it is NOT left blank or with just whitespace entered.

I've tried:

function checkall(contactform)
{
if (document.contactform.Telenumber.disabled = false) 
  { 
  if (document.contactform.Telenumber.value == "")
		{
		alert("You must enter a Tele number.");
		return (false);
		}
  }
}

Any ideas what's wrong here?

 

[edd1e]

Is there any reason you're not using jQuery for this? It would be a lot easier.

 

[GravyMonster]

You can use a regex to remove whitespace and check if the field is still empty:

function checkall(contactform) {
	if (!document.contactform.Telenumber.disabled) { 
		if (document.contactform.Telenumber.value.replace(/\s/g, '') == "") {
			alert("You must enter a Tele number.");
			return (false);
		}
	}
}

Or if you use jQuery with the vlaidate plugin this whole thing become a one liner:

$(function() {
	$("#contactform").validate();
})

All you need to do is put the class 'required' on the field. The plugin will do everything else for you. There's also other methods you can use to check for minlength, email address format etc.