JavaScript - Field A Requires Field B

Hi all,

Thanks for reading. I'm having an issue trying to accomplish the following -

I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after.

This obviously means that my "fields" variable is not working right, so I'm wondering, would anyone be able to assist me to help me get that variable processing correctly?

Code:

<script language="javascript">

fields = 1;

function addMore() {

if (fields = 1) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";

fields = 2;

} else if (fields = 2) {

document.getElementById('addedMore').innerHTML = "<input type='text' name='field3' size='25' /> <span>Field 3.</span>";
fields = 3;

} else {

document.getElementById('addedMore').innerHTML = "Only 3 fields are allowed.";
document.form.add.disabled=true;

}

}

</script>

Here is the code in my HTML -

Code:

<input type="text" name="field1" size="25" /> <span>Field 1.</span>
<div id="addedMore"></div>
<p class="addMore"><form name="add"><a onclick="addMore()">Add another field.</a></form></p>

Thank you very much.

Hello,

I'd like to make sure that a field is a field:

Code:

if ( typeof( myField ) != "field" ) {

}

This doesn't work, and I can't seem to find the answer. I can know if a field is a checkbox, for example, but I don't how to find the broader category of "input field".

Hi Guys,

Using this code i have managed to get the query value from the url.

code:

PHP Code:
<script type="text/javascript">
// Check referrer
function getQuerystring(key, default_)
{
  if (default_==null) default_=""; 
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}

var refVal = getQuerystring('r');
</script>
<div id="div-regForm">
<div class="form-title">Sign Up</div>
<div class="form-sub-title">Earn points & then swap for prizes! FREE!</div>
<form id="regForm" action="sign-up.php" method="post">
<table>
  <tbody>
  <tr>
    <td><label for="fname">First Name:</label></td>
    <td><div class="input-container"><input name="fname" id="fname" type="text" value="<?php print $_POST['fname']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="lname">Last Name:</label></td>
    <td><div class="input-container"><input name="lname" id="lname" type="text" value="<?php print $_POST['lname']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="email">Your Email:</label></td>
    <td><div class="input-container"><input name="email" id="email" type="text" value="<?php print $_POST['email']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="pass">Password:</label></td>
    <td><div class="input-container"><input name="pass1" id="pass1" type="password" value="<?php print $_POST['pass1']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="pass">Confirm Password:</label></td>
    <td><div class="input-container"><input name="pass2" id="pass2" type="password" value="<?php print $_POST['pass2']; ?>" /></div></td>
  </tr>
  <tr>
    <td><label for="cntry">Country:</label></td>
    <td><div class="input-container"><select name="cntry"><?php foreach($countryArray as $country) { print "<option value=\"$country\">$country</option>"; } ?></select></div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><input name="r" type="hidden" value="<script type="text/javascript">document.write(refVal);</script>" /><input type="submit" class="greenButton" name="submitSignUp" value="Sign Up" /></td>
  </tr> 
  </tbody>
</table>
</form>
</div>

in this part value="<script type="text/javascript">document.write(refVal);</script>" /> i can't seem to put the value in the hidden field it print fine in the code just above.

thanks for any help guys

Graham

Hello i am using a simple calendar date picker in which when u click a date is displayed in an input field.
Using a javascript i am trying to retrieve data from a second page using this value but probably i am doing something wrong.

1st page:
Code:

<script type="text/javascript">
 function showCustomer(str)
 {
 if (str=="")
   {
   document.getElementById("txtHint").innerHTML="";
   return;
   }
 if (window.XMLHttpRequest)
   {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
   }
 else
   {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
 xmlhttp.onreadystatechange=function()
   {
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
     {
     document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
 xmlhttp.open("GET","check6.asp?q="+str,true);
 xmlhttp.send();
 }
 </script>
</head>
<body>
<form>
    Check in: 
    <input onchange="showCustomer(this.value)" size="22" id="f_date1" /><button id="f_btn1">...</button> 
    <script type="text/javascript">//<![CDATA[
      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "f_date1", "%Y-%m-%d");
    //]]></script>
</form>
 <br />
 <div id="txtHint">here...</div>
</body>
 </html>

and in second one i am trying to get date like this:


Code:

sql_cmd.CommandText = "SELECT dbo.rooms.id, type, image, price,details FROM dbo.rooms, dbo.transactions WHERE dbo.rooms.id=dbo.transactions.roomid and '" & request.querystring("q") & "' not between checkin and checkout"

hello

i'm trying that code and it don't work, i'm on it for sometime and i don't find why..

function test(truc)
{
if(truc.value != document.myform.pwd1.value) { alert("dididiid");}
}



</script>
<form name="myform" method="post" action="www.somwhere.he">

<fieldset
<label>Password</label><span><input name="pwd1" type="password"></span>
<label>Username</label><span><input name="username" type="text" onblur="test(this) "></span>

<label>Confirm Password</label><span><input name="pwd2" type="password"></span>
<span><input type="submit"></span>
</fieldset>

</form>

Hello,

I am trying to create a function that tests to see if the text field that I create in my markup contains numbers. Please help.


Thank you.

So if the user enters a serial number in the "Serial_Number" field and hits enter I would like the cursor to move DOWN to the next "Serial_Number" field. Is this possible??
Tracy


Code:

<table>
   <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4853"  >
      </td>
      <td>Cat Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4853"  >

      </td>
     </tr>
     
      <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4854"  >
      </td>
      <td>  Cat Number:<br>

       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4854"  >

      </td>
     </tr>
 <tr>
    <td>
       Serial Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Serial_Number" 
              class    = "textfield" 
              id       = "Serial_Number.4855"  >
      </td>
      <td>Cat Number:<br>
       <input 
              type     = "text" 
              size     = "30" 
              onclick  = "this.select();" 
              onChange = "updateField(this.name,this.id,this.value)"; 
              value    = "" 
              name     = "Cat_Number" 
              class    = "textfield" 
              id       = "Cat_Number.4855"  >

      </td>
     </tr>

     
    </table>

Code:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>


</head>
<script type="text/javascript">

	var strWord = document.myForm.txtWord.value;

	function validateWord() 
	{
	while(strWord == document.formname.myForm.value.length > 8 && var ichars = "PJ" );
	{ 
	alert ("OK.");
	}
	}


</SCRIPT>

	<form name="myForm" action="" method="" onsubmit="return false">
	<p>
	<input name="txtWord" size="25" value="Enter Word Here">
	</p>

	<p>
	<input type="button" value="Validate The Word" name="cmdValidateWord" onclick ="validateWord()">
	</p>
</html>

Hi, I'm having trouble getting this code to work. It needs to check if the user has entered the correct characters into a field. A valid word should have a P at the start, and contain a J somewhere in it. If the word is valid, a box pops up saying "OK" once the user has clicked the ValidateWord button.

It also needs to keep this kind of structure (ie. a while construct & validated through pressing a button). This is purely for personal education about performance of "while" constructs for field validation.

Any help is hugely appreciated.

How can I add a form field value to a url. I tried the below but it no work.

Code:

href="index2.php?q=4&id=+document.theForm.lists.value+&picklist"

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<script type="javascript/text">
			<!--
				function clearInputField( input, def )
					input = document.getElementById( input );
					if ( input.value == def ) {
						input.value = '';
					}
				
				}
			-->
		</script>
	</head>
	<body>
		<b>Testing Input</b>
		<input id="input" onclick="JavaScript: clearInputField('input', 'Enter Text');" type="text" size="31" value="Enter Text"  />
	<body>
</html>

This gives me a "Uncaught ReferenceError: clearInputField is not defined" error and I'm not sure why...?

I need to learn how to clear form fields when a user clicks on them.

Here is the site in question:

http://www.yourvancouvermortgagebroker.ca/apply

They used to work, but then I changed the field value and now it doesn't work on some of the fields (whichever ones I changed).

Here is a link to the .js file:

http://www.yourvancouvermortgagebroker.ca/js/apply.js

I have a form which has various fields which are arrays (so the name of a field may be myField[]). The reason for this is that the form has add buttons to add another field or fields for the purpose of entering another email address, etc., to send invitations and do other things. The problem that I am running into is how to access the individual fields in an array of fields inside javascript to do form validation.

So if I have an email address field name emailAddress[], and using the add button, the user of my site adds 3 other copies of the emailAddress[] field, I want to then do form validation onSubmit to ensure those email address are valid using standard procedures. However, inside the javascript code, how do I access the individual fields that make up emailAddress[]?

I just cannot find anywhere online the proper way to get at these values. If anyone can help me, I would greatly appreciate it.

Happy Holidays

Hi All,

In one of my php page I have a form where I am displaying a table. The First row is having the drop down and the second row is a text field. Now the problem is that based on the drop down value choosed I have to set some field in text field. For this I am calling a javascript function but when I am trying to set the value in the text field which is still not into picture when this function is called it is showing the error that the field is not defined.

Can Anyone tell how I can get access to a field which is yet not defined.
I even tried to make a hidden field before drop down and tried to set some value for that still I am facing the same problem.

Can anyone help me out ...

I am trying to calculate age based on the date of birth input into a text field.
the date field should allow users to enter a one or two digit month, one or two digit date and a two or four digit year. Users should be able to enter any of the following date formats: 11-2-10, 1-25-2010, or 01/25/2010. On some days it works and others it wont, like 11-1-91 returns that the user is under 18.

Code:

function checkAge(){
var stDate = document.getElementById("birth").value;
	var dayPartToDate = parseInt(stDate.substring(0,2),10);
	var monPartToDate = parseInt(stDate.substring(3,5),10);
	var yearPartToDate = parseInt(stDate.substring(6,10),10);
	var dtTo = new Date(yearPartToDate, monPartToDate-1, dayPartToDate);
	var mydate = new Date();
      mydate.setDate(mydate.getDate());
	var bday = dtTo - mydate
	if (bday < 18){
	window.alert("You must be 18 to rent equipment.");
	document.getElementById("birth").value = "";
	}
}

Hi,

I want to pop up message incase of validation failure of form field.

If I use document.write("name shold be between 2 to 15 char only")

it redirects to new page and gives this message..........

if I use alert than incase or 2 or more validation fail it gives multiple or one by one alert boxes.

I want to to displey my message near to field............... Code:

function validateForm()
{
var x=document.forms["regform"]["email_id"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");


if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Not a valid e-mail address");
  return false;
  }
}