JavaScript - Ie Compatible Script Validation

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.");
  } 
 }

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

This may seem a long shot, but 5 years ago I found a script that had everything (not just alpha, etc, but everything). I have looked at Jquery validation and while it is robust, many of the examples were bugged.

I am no coder, and I feel like I may be torched here for wasting precious space. However, I was really hoping you all could point me in a right direction. Perhaps if not java, with something else. Paid, Donate, Free. Anything.

(The only script I have on form now is just Auotab next/prev plugin for jquery)


Function required:
Inline on change/next type matching (confirm email/pw fields) basic formatting (numeric only, alpha with spaces, etc) Basic validation of email type expressions, etc Required fields, etc

However, I would love to take it a step further Email: Checks for valid TLD Password: sctricter requirements Phone: Requires legitimate values (not just numeric); ie: 201-999, no 555, 411,611,911, etc Date of birth: Checks valid ranges of dates entered; checks min/max age requirement Possible real time database or web services checks (which would be ajax, etc im sure) custom number values (ie, for credit cards, number must be xxxx-xxxx (not 0000-1111-2222-3333 Any other possible logical info, for instance, Name not in badnames list (like Fred Flinstone, IP Freely, or other Cuss words/phrases)

Yes, I know most of these would wind up as a server side reject on the submit page, where we could possibly recapture the data. However, that type of method typically lowers conversions.

Yes, there is the Jquery plugin, and with knowhow, you can make it do this, however I dont have the knowhow and would rather donate/pay for something already out of the box.

The use for this would be contact forms, profile forms, info requests, sales pages,

"<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)"';

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.

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.

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>

Hello good coders!

Thanks to the wonderful script provided by coothead he
http://www.codingforums.com/showthread.php?t=87036
I was wondering how I could adjust the transition/fade speed between the images in the script?

I tried a couple of different ways, but I couldn't get it working.
Does anyone know how I can adjust this in a cross-browser compatible way?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>multiple image maps</title>
<base href="http://coothead.homestead.com/files/"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/

#mapImage_holder {
    text-align:center;
 }
#mapImage {
    border:1px solid #000;
 }

/*//]]>*/
</style>

<script type="text/javascript">
//<![CDATA[

  var maps=new Array();
       maps[0]='dots.gif,#dots';
       maps[1]='map.jpg,#blood';
       maps[2]='apple0.jpg,#apples';
  var c=0;
  var speed=1000*10; //set for 10 secs, change to suit needs.

function swapMap() {
   obj=document.getElementById('mapImage');

if(c==maps.length) {
   c=0;
 }
   obj.src=maps[c].split(',')[0];
   obj.useMap=maps[c].split(',')[1];
   c++;
setTimeout('swapMap()',speed);

 }

window.onload=swapMap;

//]]>
</script>

</head>
<body>

<div id="mapImage_holder">
<img id="mapImage" src="dots.gif" alt="" usemap="#dots"/>
</div>

<div>
<map id="dots" name="dots">
  <area coords="85,40,110,65" href="http://www.bbc.co.uk" alt="" />
  <area coords="225,100,250,125" href="http://www.itv.com/" alt=""/>
  <area coords="345,140,370,165" href="http://www.channel4.com/" alt=""/>
  <area coords="405,270,430,295" href="http://www.guardian.co.uk/" alt=""/>
  <area coords="35,290,60,315" href="http://www.independent.co.uk/" alt=""/>
  <area coords="605,460,630,485" href="http://www.thesun.co.uk/" alt=""/>
</map>

<map id="blood" name="blood">
  <area coords="40,144,80,171" href="http://www.codingforums.com/"  alt="" />
  <area coords="112,144,152,171" href="http://www.w3schools.com/" alt="" />
  <area coords="184,144,224,171" href="http://w3c.org/" alt="" />
  <area coords="256,144,296,171" href="http://www.alistapart.com/" alt=""/>
</map>

<map id="apples" name="apples">
  <area coords="0,0,116,146" href="http://www.axialis.com/" alt=""/>
  <area coords="124,0,236,146" href="http://www.photoshopsupport.com/" alt=""/>
  <area coords="244,0,360,146" href="http://www.photoshopuser.com/" alt=""/>
  <area coords="0,154,116,280" href="http://www.planetphotoshop.com/" alt=""/>
  <area coords="124,154,236,280" href="http://www.photoshopcafe.com/" alt=""/>
  <area coords="244,154,360,280" href="http://www.mozilla.com/" alt=""/>
</map>
</div>

</body>
</html>

Hey all.

I have a simple validation I need to do. I need to just make sure that a Checkbox is checked, and that a Text field has content. Sounds simple but I cannot find any thing that has a check and a text field.

Here what I have. Can I modify this script to do this? A Checkbox MUST be checked and Text field MUST be filled out. This currently does the text field fine, but no Checkbox obviously.

How can I add a checkbox validation to this?

Thats it. Any help is appreciated.

Code:

<script type="text/javascript">

var textFields = ["digsig"]; 

function validateForm( )
{
    var oops = ""; // must initialize this!
    var form = document.sig;

        for ( var t = 0; t < textFields.length; ++t )
        {
              var field = form[textFields[t]];
              var value = field.value.replace(/^\s+/,"").replace(/\s+$/,""); // trim the input
              if ( value.length < 1 ) 
              {
                    oops += "You MUST enter your Digital Signature";
              }
        }
        if ( oops != "" )
        {
            alert("ERROR:" + oops);
            return false;
        }
    }


}

</script>

Hello all, new here Seems like a very nice place to be apart of.

I have my website www.gebcn.com. If you view source you will see all that I have done, but more importantly my problem. I have the JS code at the top there and I am unable to W3C validate my HTML because of the JS. I am using XHTML strict and would like to stay using it.

The JS I have at the top is my form validation code. I am able to do any validating that I need with this "snippet" of code, I have shrank it from my library version just to use for this newsletter. Until now W3C validating was not important now for some reason it is and I am faced with this problem.

I am not a Javascript guy more of a HTML/CSS guy and I can manipulate JS to suit my needs.

<problem>
I have tried to make this "snippet" of JS code an external file but receive multiple errors with the JS calling for the FORM NAME as it is not on the same page. The form NAME=NEWSLETTER is another problem, as W3C says I am unable to use attribute "NAME" in this location.
<problem>

I would like to keep the JS close to how it is now as I have a library to use this JS over and over again.

Any pointers in the right direction or solutions to my problem would be greatly appreciated.

Thanks! Hopefully it is not to hard huh

If there is anything anyone needs, the code pasted here, or anything else please let me know. Thanks again!

Hi All, I have two scripts which I want to try and integrate. I am using a nice gallery script to show thumbnails which are appended to a an image wrapper which on click of the thumbnail shows the larger image in the image wrapper,

I am trying to implement cloud zoom which is a plugin which uses image srcs to then point to an anchor href to show another larger zoom image either in the same place.. which is what I am trying to do or in another div beside.

I have had to set me img srcs up in a certain way to easily enter some product details. and I need to try an manipulate the code to make it work to suit my file layout.

I am using a var= images [ with

a series of file locations and info such as below

{
src: 'romanticabride/thumbs/tn_Shauna.jpg',
srcBig: 'romanticabride/images/Shauna.jpg',
title: 'Shauna',
longDescription: '<b><H1>Shauna</H1></b><br><b>Romantica Of Devon <br><br><h2>Sizes Available:</h2><br> 6 - 32.<b><br><b><br><b><b><b><H2>Colours Available:</h2><b><br>Various<br>Please Enquire Below<br><br><br><br><a href="mailto:tracy@cherishbridal.co.uk?subject=Web Enquiry Regarding Romantica Shauna Bridal Gown"class="enquiry rose glow" >Click To Enquire About This Item </a>'
},

what I need is for cloud zoom to work when the main image wrapper is hovered over which means it will need to add a class or when the whichever srcBig: is hovered over it gets wrapped by href to make the script work .

one of my pages is http://www.cherishbridal.co.uk/romaticabride.html

the cloud zoom script is at http://www.professorcloud.com/mainsite/cloud-zoom.htm.. I am happy to share a jsfiddle with someone or explain further
or post some code. Thank you in advance

does any expert know how to pass parameters in the <script ..> tag?

for instance;
Code:

<script type="text/javascript" src="script.js ?param1=val1&param2=val2&etc ">

in the javascript script.js, how would we read the params after the question mark?

for example, google this; google shopping cart /v2_2/cart.js

I have a script that works in seamonkey(my html editor) but when I use it in IE8 it says errors happen.
Here's the code (the first line is on line 7 of the html file):
Code:

<script type="text/javascript">
function enlarge(imageNum)
{
var numToString = "";
if(parseInt(imageNum) < 10){
numToString = "0" + imageNum;
}
else
{
numToString = imageNum + "";
}
window.open("images/LgScreenshot"+numToString+".jpg","Screenshot "+imageNum,"status=0,height=675,width=900,resizable=0");
}
</script>

And the errors:
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB0.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; InfoPath.3; .NET CLR 3.0.30729)
Timestamp: Wed, 10 Feb 2010 14:58:16 UTC


Message: Object expected
Line: 150
Char: 1
Code: 0
URI: http://samssc2site.co.cc/Features.html


Message: Invalid argument.
Line: 18
Char: 1
Code: 0
URI: http://samssc2site.co.cc/Features.html

I need to assign a key in the javascript to actually make the javascript work,.

I have a bookmark in chrome , a javascript , which actually works when clicked on it .,. but how can i edit it so that i can actually make it work on click a key or combination of keys.

i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.
i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.


Thanks in advance .,

Nani