JavaScript - Searching For Complete Validation Script

Hi Guys,

Im new to JS and need some help..

I have a contact form on my webpage and i want to put in an alert box if people done enter a field. Below is the html i have for the form

PHP Code:
 <form id="form" method="post" action="consultation.php" onsubmit="return validate(this)">
           <p>
             <label>Name:</label>
             <input type="text" name="name" id="name" />
           </p>
           <p>
             <label>Company:</label>
             <input type="text" name="company" id="company" />
           </p>
           <p>
             <label>Email:</label>
             <input type="text" name="email" id="email" />
           </p>
           <p>
             <label>Phone:</label>
             <input type="text" name="phone" id="phone"/>
           </p>
          
           <p style="margin-bottom:0px">
             <input class="submit_btn" type="image" src="images/submit_btn.gif" name="submit" value="Submit"  />
           </p>
         </form> 


and here is the external Java Script file that iv made so far

PHP Code:


      var nName = nForm['name'];
        var nCompany = nForm['company'];
        var nEmail = nForm['email'];
        var nPhone = nForm['phone'];
        
    if (nName.value.replace(/s/g, "").length < 1)
            {
             alert('Please enter your full name');
             return false;
            }
            
        if (nCompany.value.replace(/s/g, "").length < 1)    
                {
             alert('Please enter your company name');
             return false;
            }
        
            if (!/^w+[w|.|-]{0,1}w*[w|.|-]{0,1}w*@w+[w|-]{0,1}w*[w|-]{0,1}w*.{1,1}[a-z]{2,4}$/.test(nEmail.value))
            {
             alert('Please enter your correct email address');
             return false;
            }    
    
    if (!/[ds-]+$/.test(nPhone.value) || !/d{10}/.test(nMobile.value.replace(/[s-]/g, ""))) // must contain 10 digits;
            {
             alert('Please enter your correct phone number');    
             return false;
            } 


iv referenced this Java script file in the head of the html document..

Can anyone help me make this script please...

THanks

I am trying to design a webpage but no matter how i design it, IE seems to show totally different design then firefox/chrome/safari.

Is there any website i can goto which will take my CSS/Script input and give me the IE version of it so it can work on all browsers without any issue?

Thanx

I have two seperate js files. One that houses the functions mylibrary.js and another that call the validated functions myform.js. I can not get the form to validate any data. The data just sits there and will not report errors. Any help would be greatly appreciated.

Code:

function valForm()
{
		if(!isAlpha(document.myform.firstname.value))
		{
		myform.firstname.focus(); 
     
		return false;
		}
		if(!validEmail(document.myform.email.value))
         {
		 myform.email.focus(); 
         return false;
         }
		 if(!isRequired1(document.myform.options.value))
		{
		myform.options.focus(); 
		return false;
		}
	return true;
	
}

// JavaScript Document seperate js file mylibrary.js
function isNumber(num) { return !(/\D/.test(num)); }

function isAlpha(text){ return text.match(/\w+/) }

function validEmail(email){ return email.match(/^([a-zA-Z0-9]{3,})(((\.|\-|\_)[a-zA-Z0-9]{2,})+)?@([a-z]{3,})(\-[a-z0-9]{3,})?(\.[a-z]{2,})+$/i ) }

function isRequired1(){
if(myform.food.selectedIndex ==0)
  {
    alert("Please select from the drop-down list.");
  } 
 }

I wanted to make it so that a button on the webpage validates a word that a user types into a prompt box that pops up when they open the webpage.

For example, user goes on website, prompt box opens, user types in word then presses OK. On the webpage he clicks the button, which calls a while function to check if the word has a P at the start, a J somewhere in it, and is longer than 8 characters.

Code:

<script type="text/javascript">

	var strWord;

	function validateWord() 
	{
	while(strWord == document.formname.validateWord.value.length > 8 &&  var iChars =
"JP";)
	{ 
	"alert(Correct)" 
	value="Word Alert">
	}

	}


</SCRIPT>

I've been trying this script but with no luck and cant tell whats wrong with it. Any ideas?

Having an unusual problem with the simple validation script below. In my script, I want to validate the username text field so that if the value of the text field (i.e. the amount of characters in the field) is less than 5, it would show a message in the page using innerHTML. The script works, but in a roundabout sort of way, or at least that's what it seems to me. Instead of making sure that the amount of characters in the text field is less than 5, it seems to disregard this entirely and instead make it so that if it has no value at all, the message will be shown. If it has a value of even 1 character, though, the message does not show. Not what I was trying to do, and I really don't know what's happened.

Thanks in advance to anyone who can help out a newbie in need.

Code:

function uservalidate() {
	if (document.getElementById("user").value < 5) 
                        { document.getElementById("userdiv").innerHTML = "Username must be six characters or more." }
             else 
                 {
	    document.getElementById("userdiv").innerHTML = ""
	     }
}

Code:

<body>
      <form id="form1">
         <input type="text" id="user" onblur="uservalidate()" /> 
         <div id="userdiv"></div>
      </form>
</body>
</html>

Hi there,
I'm fairly new to Javascript, though have a good deal of experience with C# and HTML. I am having trouble getting a form to validate when it is submitted. My goal is that if a checkbox is checked (allowing the user to request more information via email) that the email address textbox should also verified to be filled out. What I have is a script in the page body, that (I believe) validates the two form elements, and the form has an onsubmit tag to run the javascript. However, everytime I run a test on the page, it submits regardless of if there is or isn't anything in the email field, with the box checked. Any guidance would be appreciated!

Code:

<script type="text/javascript"> 
function validate(){
if(document.getElementById('00N50000002tarI').value == '1' && document.getElementById('email').value == ''){
     alert('Please enter your email address');
     return false;
}
</script> 
<form class="apply_now_form" action="test.php" id="apply_now_form" method="POST" onsubmit="return validate();">

<div class="text"><label for="email">Email</label> <input id="email" type="text" name="email" maxlength="80" /></div>
<div class="check"><font color="#006e92"><input  id="00N50000002tarI" name="00N50000002tarI" type="checkbox" value="1" />*I would like to receive the latest updates via email.</font><br></div>

<div class="submit"><input class="c pill-button" type="submit" name="submit" value="Apply Now!"/></div>
</form>

Note: This form was generated by SalesForce Web-to-lead, so I cannot modify form field names, and the form is running on WordPress, in an blank page template (so there shouldn't be any WordPress code muddling with the form).

"<scr'+'ipt type="text/javascript" src="js/val_feedback_Email.js<\/scr'+'ipt>"


How should I call the js validation script for a feedback form that was document.written in a pop up?

I have a page which contains a button. Onclick it produces a pop up window that contains a small feedback form produced by document.write. This much works.

NOW I need to call the js validate script but nothing seems to work

I tried this is the head of the page
<script type="text/javascript" src="js/val_feedback_Email.js">

I tried this is the head of the doumnet.write part
"<scr'+'ipt type="text/javascript" src="js/val_feedback_Email.js<\/scr'+'ipt>"

How do I call the js script to validate the form in the pop up? Where if anywhere should it go?

I'm stumped

Any and all ideas welcomed

LT


THis is the start of my script

Code:

<script type="text/javascript">
var newWindow;
function subWrite() {
	newWindow = window.open("","","status,height=500,width=700") 
	//bring subwindow to front
	newWindow.focus();
	//assemble content for new window
	var newContent = '<html><head><title>ACES UK. Send us your Email</title>';
	newContent += '</head><body>';
	newContent += '<form action="feedback.php" method="post" name="feedback_1" id="feedback_1" onsubmit="return validate(this.form)"';

Hello All,

I am not too good with javascript so I apologise in advance!

I have a website form where people input their contact details and I need a script which allows the form to be submitted if the telephone number is correct and returns an error if the number is invalid, (preferably in a pop-up box - not on another page) which says something like "The telephone number you have entered is invalid. Please enter a valid UK landline or mobile number".

For the number to be valid, it has to either start with an "01", an "02" or an "07" and be either 10, or 11 digits long. The user should also be able to enter space without an error (ie, the script should ignore spaces).

Any suggestions would be much appreciated.

Regards,

AC

Hi coders,

I have a form where customers can register thierselves by entering the relevant fields.

There is a control() javascript which ckecks if everything on the form is ok before submitting it.
Althugh IE applies the script for its every check, Firefox only applies the first check (first if statement) of the script. The rest is ignored.

Here is the javascript code:
Code:

function control() 
{ 
if (document.member.FirstName.value == ""){ 
document.member.FirstName.focus(); 
alert("Please fill the name field"); 
return false; 
} 

if (document.member.FirstName.value.length<2) { 
alert("Name field cannot be shorter than 2 characters."); 
document.member.FirstName.focus(); 
return false; 
} 

if (/[\d]/.test(document.getElementById("FirstName").value)) { 
alert("Entered numbers into the Name field"); 
return false; 
} 

if (document.member.LastName.value == ""){ 
document.member.LastName.focus(); 
alert("Please fill the Lastname field"); 
return false; 
} 

if (document.member.LastName.value.length<2) { 
alert("Lastname field cannot be shorter than 2 charcters. Please check again."); 
document.member.LastName.focus(); 
return false; 
} 

if (/[\d]/.test(document.getElementById("LastName").value)) { 
alert("Entered numbers into the Lastname field"); 
return false; 
} 

if (document.member.Address1.value.length<10) { 
alert("Address field contains less than 2 characters."); 
document.member.Address1.focus(); 
return false; 
} 

if (document.member.Username.value == ""){ 
document.member.Username.focus(); 
alert("Username field cannot be blank"); 
return false; 
} 

if (document.member.Address1.value == ""){ 
document.member.Address1.focus(); 
alert("Address field cannot be blank "); 
return false; 
} 

if (document.member.City.value == ""){ 
document.member.City.focus(); 
alert("City field cannot be blank"); 
return false; 
} 

if (document.member.Email.value == ""){ 
document.member.Email.focus(); 
alert("E-Mail field cannot be blank."); 
return false; 
} 

if (echeck(document.member.Email.value)==false){ 
document.member.Email.focus(); 
return false; 
} 

if (document.member.PhoneNumber.value == ""){ 
document.member.PhoneNumber.focus(); 
alert("Phone number field cannot be blank"); 
return false; 
} 

if (!/^\d*$/.test(document.getElementById("PhoneNumber").value)) { 
alert("Entered characters into the Phone Number field"); 
return false; 
} 

if (document.member.Pass.value == ""){ 
document.member.Pass.focus(); 
alert("Password field cannot be blank."); 
return false; 
} 

if (document.member.Pass2.value == ""){ 
document.member.Pass2.focus(); 
alert("Password confirmation field cannot be blank."); 
return false; 
} 

if (document.forms[0].Pass.value.length<6) { 
alert("Password field cannot contain less than 6 characters. Please check"); 
document.member.Pass.focus(); 
return false; 
} 

if (document.member.Pass.value != document.member.Pass2.value) { 
alert("Password and password confirmation fields are not identical. Please check "); 
document.member.Pass.focus(); 
return false; 
} 


if (!isTelNum(document.forms[0].PhoneNumber,'Telefon ')) return false; 
if (!isNum(document.forms[0].InternalPhoneNumber,'Internal Phone number')) return false; 
//if (!isValidEmail(document.forms[0].Email)) return false; 

return true; 
}

Well its interesting that only the first check is taken into consideration.

if (document.member.FirstName.value == ""){

The rest is not even seen. Even if you do not fill the rest of the form, the submit button tries to submit the form regardless what more needs to be checked.

Here is the submit button:
Code:

<input type="submit" name="member" value="Register Me" id="member" onclick="return control()";>

Any observations and comments are appreciated.

I am trying to implement a credit card check function in the validation script.
But whenever i enable the function it bypasses all previous validation checks and just inputs the data, where am i going wrong with this function?

Code:

function CheckCreditCard(cardtype, cardnumber)
{
var frm = document.forms["OrderForm"];
  if (cardtype == "Visa") {
      var re = /^4\d{3}-?\d{4}-?\d{4}-?\d{4}$/;
   } else if (cardtype == "Master Card") {
      var re = /^5[1-5]\d{2}-?\d{4}-?\d{4}-?\d{4}$/;
   } else if (cardtype == "American Express") {
      var re = /^3[4,7]\d{13}$/;
   } 
   if (!re.test(cardnumber)) return false;
   cardnumber = cardnumber.split("-").join("");
   var checksum = 0;
   for (var i=(2-(cardnumber.length % 2)); i<=cardnumber.length; i+=2) {
      checksum += parseInt(cardnumber.charAt(i-1));
   }
   for (var i=(cardnumber.length % 2) + 1; i<cardnumber.length; i+=2) {
      var digit = parseInt(cardnumber.charAt(i-1)) * 2;
      if (digit < 10) { checksum += digit; } else { checksum += (digit-9); }
   }
   if ((checksum % 10) == 0) 
   return true; 
   else 
   sfm_show_error_msg('error message goes here');
   return false;
}

HTML Code is:
Code:

<script language="JavaScript" type="text/javascript">
 var frmvalidator  = new Validator("OrderForm");
 frmvalidator.EnableOnPageErrorDisplaySingleBox();
 frmvalidator.EnableMsgsTogether();
 frmvalidator.EnableFocusOnError(false); 
 
// other attributes went here but were removed 
 
  frmvalidator.setAddnlValidationFunction("CheckCreditCard"); 
</script>

FULL Javascript:
Attached at a txt file, was too large to post here.

Helloo

Im new to javascript.. I need help badly... here are two tabless.
1. information of a friend.
2nd table i get when i click da image (ADD ANOTHER FRIEND)

but, on validation and submission.. the second table is not showing upp...

When i once click ADD FRIEND.. i want the table to show up on reload and validation....

Thanks

Here is my code

<?
if (isset($_POST['submit'])) {
if (!$frndname) {
$frndname_error = 1;
$problems=1;
}
if (!$frndcity) {
$frndcity_error = 1;
$problems=1;
}
///doo db stuff insertion

}

?>


<!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>Untitled Document</title>
<script type="text/javascript">
function showTable() {
var table = document.getElementById("myTable");
if (table)
table.style.display = "block";
var div = document.getElementById("frndimg");
if(div)
div.style.display = "none";



}
</script>
</head>

<body>
<form action="" method="POST" name="form1">
<?php if(!isset($_POST['submit']) or $problems) {


?>
<table>


<tr> <td colspan="2"> <table width="21%">
<tr> <td width="3%" align="left" valign="top">&nbsp;</td> <td colspan="2"> <b class="referralheading"> YOUR FRIEND'S INFORMATION: </b> </td></tr>
<tr>
<td width="3%" align="left" valign="top">&nbsp;</td>
<td width="16%"><? if ($frndname_error) {

echo ("<font color='#FF0000'>Name:</font>");

} else {

echo ("Name:");

}?> <b><font color="#FF0000">*</font></b><br>
<input type="text" name="frndname" id ="frndname" value="<?php echo $frndname; ?>" maxlength=45 size=25></td>
<td width="81%" colspan="3">City:
<b><font color="#FF0000">*</font></b><br><input type="text" id="frndcity" name="frndcity" value="<?php echo $frndcity; ?>" maxlength=45 size=25> </td>
</tr>



</table></td></tr>
<tr> <td width="4%" align="left" valign="top">&nbsp;</td> <td > <div style="float:left;cursorointer;">
<img src="images/referral_add_friend.jpg" width="190" height="28" onClick="showTable()" title="Click to add another friend" id="frndimg">
</div> </td></tr>


<tr> <td colspan="2">
<table width="100%" id="myTable" style="display:none;">
<tr> <td width="4%" align="left" valign="top">&nbsp;</td> <td colspan="2"> <b class="referralheading"> YOUR FRIEND'S INFORMATION: </b> </td></tr>
<tr>
<td width="4%" align="left" valign="top">&nbsp;</td>
<td width="53%"> NAme: <b><font color="#FF0000">*</font></b><br>
<input type="text" name="frnd1name" id ="frnd1name" value="<?php echo $frnd1name; ?>" maxlength=45 size=25></td>
<td width="47%" colspan="3">City:
<b></b><br><input type="text" id="frnd1city" name="frnd1city" value="<?php echo $frnd1city; ?>" maxlength=45 size=25> </td>
</tr>
<tr>
<td width="4%" align="left" valign="top">&nbsp;</td>
<td>Phone Number: <b></b><br>
<input type="text" name="frnd1phone" id ="frnd1phone" value="<?php echo $frnd1phone; ?>" maxlength=45 size=25></td>
<td colspan="3">Email: <br><input type="text" id="frnd1email" name="frnd1email" value="<?php echo $frnd1email; ?>" maxlength=45 size=25> </td>
</tr>
<tr><td>&nbsp; </td></tr>
</table>
</td></tr>

<tr> <td><input type="image" src="images/submit_referral.jpg" height="30" width="173" border="0" alt="Submit Form" value="submit"></td></tr>
<tr><td> </td><td align="center" class="referralheading"> Fields Marked With * Are Required</td></tr>
</table>
<? } ?>
</form>
</body>
</html>

http://yfrog.com/ed20392020p

need 2 make those 2 pics in java n i dont even know where to start T-T, the one on the right is supoose to be like lil boat lookin things can anyone give me a place where i can learn to make a line then array it from the center?

Hello,

I am trying to complete a test site but adding some javascript.

In short I am trying to make the main content div slide from behind the nav via some JS. http://www.squareflash.com/test/index.html


First I am just trying to get the animate onClick to work. I found this practice site -- Using this I am trying to get some guidance on how to add a automatic stop function to the moveRight variable.
http://www.tutorialspoint.com/cgi-bi...=javascript_45

The site is in html5, is there anything special I need to know for that?

ty

I have been searching for years to get ahold of a complete reference to the ECMAscript languages.

I was recently watching some old videos by Douglas Crockford. He talked about the 'set' and 'get' statements. I had never heard of them before... and infact was one of the things I really missed from Delphi and have been wishing for in javascript.

Even now I can't find any references that contain them. I keep having this feeling that there is so much more in the language than I know about and there is no easy way to learn it.

Where is the most complete reference of the language?

David

I'm building a website to catalog a history of college football uniforms, and having something like this on several of the pages would be extremely helpful. I've been told that making it in Javascript instead of Flash would be better for my website. I've also been told that it should be relatively easy to write the code for it.

In short, I want to be able to take the parts of this image and allow viewers of the site to be able to switch between parts to mix and match. There are quite a few teams with six or more possible uniform combinations, so I'd like to be able to do this for the site.

This would probably be a good way to get my start on learning at least some Javascript basics, so would anyone be willing to help me put this together?