Help with Re-Enter Number

Chrisj · November 10, 2009

I have this Form, where there is a field that requires a number to be entered into it.

How can I add the function where the number has to be re-entered into the next field, and match the original number field? I want to check that the number in both inputs is the same before the form will be submitted successfully

Thanks

<html>
<head>
  <title></title>


</head>
<body>
<br>
<h1 style="border-bottom:1px solid #dddcdc;"><br><center> Form</center></h1>

        <p><center><font face="verdana"><font size="2"><font color=#000000;"></font></font></p>

        <p><font face="verdana"><font size="2"><font color=#800000;">Please complete the simple form below.</font></font></p>

        <p><font face="verdana"><font size="2"><font color=#000000;">.</font></font></p>

        <p><font face="verdana"><font size="2"><font color=#000000;"> </font></font></center></p>

<!--<div style="height: 80px; background-color: #336699;">
  <span class="page_title"><span class="form_title">Form</span></span>
</div>-->

<br />

<table cellpadding="0" cellspacing="0" align="center" width="600">
<tr>
  <td>
    <font face="verdana"><font size="2"><font color=#800000;">[var.result]</font></font><font color="red"><strong>[var.error]</strong></font><br>
    <hr size="1" />
    <br />

    <form action="/page.php?page=14" method="post" name="contact_us" onSubmit="return capCheck(this);">


    <table cellpadding="0" width="100%">
    <tr>
	  <td width="10" class="required_field">*</td>
      <td width="80">First Name:</td>
      <td><input type="text" name="name" maxlength="50" style="width:300px" /></td>
    </tr>
    <tr>
	  <td class="required_field">*</td>
      <td>Last Name:</td>
      <td><input type="text" name="email" maxlength="40" style="width:300px" /></td>
    </tr>
    <tr>
	  <td class="required_field">*</td>
      <td>Type:</td>
      <td><input type="text" name="custom1" maxlength="20" style="width:300px" /></td>
    </tr>
    <tr>
	  <td class="required_field">*</td>
      <td>Number:</td>
      <td><input type="text" name="custom2" maxlength="20" style="width:300px" /></td>
    </tr>
    <tr>	  
<tr>
      <td class="required_field">*</td>
      <td>Enter Image Code:</td>
      <td><input type="text" value="" name="captext" style="width: 100px" maxlength="6" /></td>
    </tr>
<tr>
      <td></td>
      <td><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a></td>
      <td><img src="includes/captcha.php" border="0" id="verificiation_image" /></a></td>
    </tr>
    </table>
<br>

<br>
    <p>
      <input type="hidden" name="submited" value="1" />
      <input type="submit" name="submit" value="Submit" />
    </p>

    </form>

  </td>
</tr>
</table>
<script type="text/javascript">
  <!--
  function refresh_security_image() {

  	var new_url = new String("[var.base_url]/includes/captcha.php?width=132&height=36&charcators=");
new_url = new_url.substr(0, new_url.indexOf("width=") + 37);
// we need a random new url so this refreshes
var chr_str = "123456789";
for(var i=0; i < 6; i++)
new_url = new_url + chr_str.substr(Math.floor(Math.random() * 2), 1);
document.getElementById("verificiation_image").src = new_url;
  }
  -->
</script>

<!-- captcha start -->
<script type="text/javascript" id="clientEventHandlersJS" language="javascript">
<!--
	function capCheck(theForm) {
	var xmlhttp;
	var sReply;
	DataToSend = "action=process&captext=" + escape(theForm.captext.value);
	if (window.XMLHttpRequest) {
		xmlhttp=new XMLHttpRequest();
		xmlhttp.open("POST",'includes/process.php',false);
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlhttp.send(DataToSend);
		sReply = xmlhttp.responseText;
	} else if (window.ActiveXObject) {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		xmlhttp.open("POST",'includes/process.php',false);
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlhttp.send(DataToSend);
		sReply = xmlhttp.responseText;
	}
	if (sReply == "good") {
		return true;
	} else if (sReply == "bad") {
		alert("Security code not valid, please try again"); return false;
	} else if (sReply == "") {
		alert("You must enter the security code"); return false;
	} else {
		alert("Error"); return false;
	}
}
  -->
  </script>
  <!-- captch end -->

</body>
</html>

Sign In

Help with Re-Enter Number

Recommended Posts

Chrisj

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information