Web Design

Validate field:

http://www.w3schools.com/JS/js_form_validation.asp

Disable/enable button:

http://www.kodyaz.com/articles/javascript-enable-disable-button-by-values-of-checkboxes-checked.aspx

kl. 19:41:27 UTC+2 torsdag 10. april 2014 skrev Anthony Glazebrook følgende:

I have an input form including an HTML5 <input type="email"> field.

When the user arrives at the page, the 'submit' button is disabled. When they have entered the information correctly, I'd like to enable the 'submit' button. Is there any way to check the input field has correctly validated without re-checking using a regular expression?

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Thank you very much for those suggestions. i have made most of the changes except for the regular expression script, i am unsure how that works, what specifically should the script have? also i have put in a div tag but unsure if that is the correct location of it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Subscribe Page</title>
<script type="text/javascript"> function validate(number,carrier) {
	var number = document.getElementById("number").value
	var carrier = document.getElementById("carrier").value
      if (number=="") {
		  alert("please enter phone number, it should be 10 numbers long")
		return false;
	  }
  else function join(number,carrier) {
	  return number + carrier;
	  return true;
	  
  }
     var myResult = CombinedNumber = number + carrier;
	 document.getElementById("txtDebug").innerHTML (myResult);
	 return myResult;
}
</script>
</head>

  <body>
	<div id="txtDebug">
    <form action="" method="post" id="subscribeForm" >Phone number:<input name="number"  type="text" />
		<select onchange="validate(number)" id="carrier">
			<option id="verizon"value="@vtext.com">verizon</option>
			<option id="att" value="@txt.att.net">att</option>
		</select>


	<input type="submit" onclick="formsendscript.php" />
	</form>
    </div>
    
</body>
</html>

On Tuesday, April 8, 2014 11:10:55 PM UTC-4, ENetArch wrote:

Paul,

OnChange is only called when field looses focus. If you want to watch the text as it is type into the field, use onKeyDown / onKeyUp.

Also, look for a regx script that will validate the number style you are expecting. If the regx can't match the number, then fire your alert.

The validate function expects two arguments, which cannot be passed to it.

Instead of using string.concat (string), use string = string + string; It us much cleaner.

Instead of using document.write, create a div, id="txtDebug" and use
document.getElementById("txtDebug").innerHTML (myresult);

These are some suggestions that I can see of the top of my head that will clean up your code.

Good luck.

On 4/8/2014 11:10 AM, Paul wrote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; " /> <title>Subscribe Page</title> <script type="text/javascript"> function validate(number,carrier) { var number = document.getElementById("number").value var carrier = document.getElementById("carrier").value if (number=="") { alert("please enter phone number, it should be 10 numbers long") return false; } else function join(number,carrier) { return number + carrier; return true; } var myresult = number.concat("carrier"); document.write("myresult"); return myresult; } </script> </head> <body> <form action="" method="post" id="subscribeForm" >Phone number:<input name="number" type="text" /> <select onchange="validate(number)" id="carrier"> <option id="verizon"value="@vtext.com">verizon</option> <option id="att" value="@txt.att.net">att</option> </select> <input type="submit" onclick="formsendscript.php" /> </form> </body> </html>

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Web Design

Pages

Re: Check if html5 email input field has correctly validated

Thursday, April 10, 2014

Check if html5 email input field has correctly validated

Re: Trouble passing html input to js

Blog Archive

Followers