Re: Trouble passing html input to js

Thursday, April 10, 2014

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">
<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.

--

--
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.

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Copyright © 2010 Web Design | Free Blogger Templates by Splashy Templates | Layout by Atomic Website Templates

Vida de bombeiro Recipes Informatica Humor Jokes Mensagens Curiosity Saude Video Games Animals Diario das Mensagens Eletronica Rei Jesus News Noticias da TV Artesanato Esportes Noticias Atuais Games Pets Career Religion Recreation Business Education Autos Academics Style Television Programming Motosport Humor News The Games Home Downs World News Internet Design Entertaimment Celebrities 1001 Games Doctor Pets Net Downs World Enter Jesus Mensagensr Android Rub Letras Dialogue cosmetics Genexus lasofia thebushrajr wingshock tripedes gorduravegetal dainfamia dejavu-transpersonal jsbenfica republicadasbadanas ruiherbon iranianforaryans eaystcheyl fotosdanadir Só Humor Curiosity Gifs Medical Female American Health Madeira Designer PPS Divertidas Estate Travel Estate Writing Computer Matilde Ocultos Matilde futebolcomnoticias girassol lettheworldturn topdigitalnet Bem amado enjohnny produceideas foodasticos cronicasdoimaginario downloadsdegraca compactandoletras newcuriosidades blogdoarmario arrozinhoii