Jump to content

Recommended Posts

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>

Link to comment
https://forums.phpfreaks.com/topic/180932-help-with-re-enter-number/
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.