|
JavaScript - Validating Form
I managed to create the form that asks you to type in the information but I'm having some difficulty trying to figure out the alert to say "Thank you " after you have everything filled in and then hitting the button.
my code is Code:
<HTML>
<HEAD>
<TITLE> Form Validation Example </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function validatePersonalInfo(){
var _first = document.info.fname.value;
var _city = document.info.city.value;
var _phone = document.info.phone.value;
if(_first.toString() == ""){alert("Please enter a first name.");}
if(_city.toString() == ""){alert("Please enter your city.");}
if(_phone.toString() == ""){alert("Please enter your phone number.");}
var phoneInput = document.info.phone.value;
var validPhone = false;
var validCity = false;
if(checkCity == true){
validCity = true;
}
else{
if(!checkPhone(phoneInput)){
alert("Phone number is invalid." + validPhone);
}
else{
validPhone = true;
}
if(validCity && validPhone){
alert("Your form has been verified");
}
}
}
function checkPhone(str){
var regexp = /^(\d{10}|\d{3}-\d{3}-\d{4}|\(\d{3}\)\d{3}-\d{4})$/;
return regexp.test(str);
}
function checkNum(length){
var cityLet = parseInt(cityEntry, 10);
if (document.info.city.value.length == length){
if(cityLet != 0 && isNaN(cityLet) == false){
return true;
}
else {
return false;
}
}
else {
return false;
}
}
</script>
</head>
<body>
<p>
<form name="info" action="" method="post">
<table>
<tr><td align="left">First Name:</td>
<td align="left">
<input type="text" name="fname" size=15>
</td>
</tr>
<br>
</tr>
<br>
<tr>
<td align="left">City:</td>
<td align="left">
<input type="text" name="city" size=15>
</td>
</tr>
<br>
<tr><td align="left">phone</td>
<td align="left">
<input type="text" name="phone" size=20></td>
</tr>
<br>
</tr>
<br>
</table>
<center>
<input type="button" value="Submit" onClick="validatePersonalInfo()">
</center>
</form>
</body>
</html>
the help is greatly appreciated Similar TutorialsHere's what I have so far in my validation part. However, I need help as to how to validate the following fields when the user clicks the submit button. -Radio Button *title (4 options) *member (3 options) *vegetarian (2 options) -Drop down lists *regstartdate (3 options) *regenddate (3 options) *confdinner (2 options) *paymethod (3 options) -UK Post Code (text box with maxlength=8) My current code shows 1 popup with all the error messages. Here's what I have so far: Redacted Hi, Please this form code is not working,please help correct me with the right code. When i did not enter anything onthe field require ,thealert does not pop up making the form inaccurate. Code: <script type="text/javascript">
function validateForm()
{
function CheckEmail()
var x=document.frmone.email.value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if(atpos<1 || dotpos<atpos+2 ||x.length>30){
alert("not a valide email address");
return false
}
function CheckUsername()
{
var x=document.frmone.fname.value;
if(x==null || x==""){
alert("username is required");
return false
}
}
</script>
<form name="frmone" method="post" action="" onsubmit="validateForm()"/>
<input type="text" name="email"/>
<input type="submit" name="submit"/>
<input type="text" name="fname"/>
<input type="submit" name="submit"/>
</form>
Help me. Thanks. Clement Osei. Hello, I have a form which asks for some user data and then submits this data and inserts into a mysql database. I wanted to know the best way to validate the form before the data is submittted to the action script. For example, checking form fields to see if they are empty and also making sure no special characters are inserted by the user. The code I have tried is: Code: function checkForm() {
var theForm = document.forms.feedback;
if (theForm.fname.value == "" || theForm.loc.value="" || theForm.com.value == "") {
alert("Please complete all of the form");
}
}
Working with this form: Code: <form id="feedback" name="feedback" action="php/phpcustom.php" method="POST">
<fieldset>
<legend>Gardenable.com Feedback</legend>
<p><label for="fname">Name:</label><input type="text" size="30" maxlength="40" id="fname" name="fname" /></p>
<p><label for="loc">Location:</label><input type="text" size="30" maxlength="40" id="loc" name="loc" /></p>
<p><label for="com">Comments:</label><textarea cols="40" rows="6" maxlength="300" id="com" name="com"></textarea></p>
<p><input type="submit" name="send" id="submitbutton" value="Submit" onclick="checkForm()" /><input type="reset" name="reset" value="Reset" /></p>
</fieldset>
</form>
I've added this function to the onclick attribute of the submit input button but it is just submitting the data and not executing. Just wondering if anyone could please explain how to stop the execution of the data being submitted and check the form before doing so. If not could you possibly advise any good sites/links for me to browse to achieve this. regards, LC. I am somewhat a noob at js/jquery so I wasn't sure exactly how to do this. Think I just need a push in the right direction. Basically I'm trying to validate a form (jquery validation) with a couple of conditionals based on a selection box. So I have: Code: <form id="info" class="validate">
<select id="select">
<option value="senior">Senior Citizen</option>
<option value="adult">Adult</option>
<option value="child">Child</option>
</select>
<input type="text" name="age" id="age" class="required" minlength="1" maxlength="3" title="age group">
</form>
I'm trying to validate that if the user has selected "Senior Citizen" then their age must be 65 or older (and validate the adult/child ages as well). I hope to get this all in ajax so it would be checking it live. Thanks for the help! hi im new to scripting so apologies if this is a basic question. I have a form which has javascript validation which triggers hidden divs if certain input boxes are left blank. I have it working with text fields and text areas, but im having trouble with a drop down menu. This is the code for my drop down: Code: <select name="department" size="1" id="department"> <option value="" selected>Please select</option> <option value="1">Personal Injury</option> <option value="2">ULR & Credit Hire</option> <option value="3">Consumer Credit</option> <option value="4">Health & Safety</option> <option value="5">Property</option> </select> And this is the code currently for the Javascript validating: Code: if(department.selectedIndex == 0){
var error = true;
$('#department_error').fadeIn(500);
}else{
$('#department_error').fadeOut(500);
If i leave the drop down on the 'Please Select' value, the error message should show, but at the moment it doesnt show up. I have a feeling the syntax is wrong in the javascript? Any help very much appreciated Thanks Hi, I'm a student learning web design and having a problem with some javascript code, I'm validating a text area, i dont have a problem limiting how many characters can be typed in the textarea, but I cant get it to give an error if there is no text in the text area. In the code below the validateMes() function is not working, the other functions work fine Javascript code: Code:
function validateLimit(fld){
var error ="";
if(fld.value.length > 300){
error = "Cannot exceed 300 characters.\n"
fld.style.background = 'Yellow';
}else{
fld.style.background = 'White';
}
return error;
}
function validateMes(fld) { //this function not working
var error = "";
if (fld.value.length == 0) {
fld.style.background = 'Yellow';
error = "The Message field has not been filled in.\n"
} else {
fld.style.background = 'White';
}
return error;
}
function validateFormOnSubmit(form1) { //master validating function
var reason = "";
reason += validateLimit(form1.mess);
reason += validateMes(form1.mess);
if (reason != "") {
alert("Some fields need correction:\n" + reason);
return false;
}else{
alert("Message has been submitted");
return true;
}
}
Html form code: Code:
<form name="form1" id="form1" onsubmit="return validateFormOnSubmit(this)" >
<div class="box">
<h1>CONTACT FORM :</h1>
<label>
<span>Full name</span>
<input type="text" class="input_text" name="name" id="name" value=""/>
</label>
<label>
<span>Email</span>
<input type="text" class="input_text" name="emailbox" id="emailbox" value=""/>
</label>
<label>
<span>Subject</span>
<input type="text" class="input_text" name="subject" id="subject" value=""/>
</label>
<label>
<span>Message</span>
<textarea class="message" name="mess" id="mess" ></textarea> <span>*Message limited to 300 characters</span>
<input type="submit" class="button" value="Submit Form" />
</label>
</div>
</form>
I can't see what I'm doing wrong, would really appreciate some help Thanks hello everyone Im new to javascript as well as to this forum, Im coming here for first class help that I can only get from skilled programmers like you. I have a html form that uses javascript for validation, this is an assignment that consists of a form that sells hard drives from three different manufacturers, more specifically the part im stuck on is where if a manufacturer hoes have a number in the number of drives textbox, javascript needs to check to see that one of the radio buttons in that row is checked, if no radio button is checked an alert is displayed, however when I do select a radio button I still get the alert I used a "if...else if...else" construction but my logic is not well structured and thereby I get those problems, I have included the code down below if anyone is interested in helping a newbie out, thanks Code: <html>
<head>
<style type="text/css">
.bold {font-weight:bold ; font-family:"comic sans ms"}
</style>
<script type="text/javascript">
function number_of_drives()
{
//checks that a value is entered for at least one drive's manufacturer
if(document.myform.drive1.value=="" && document.myform.drive2.value=="" && document.myform.drive3.value=="")
{
alert("please enter a quantity for the number of drives you wish to purchase from a manufacturer"); //if no value is entered in any the message is displayed
return; //no further calculation is done
}
else if(isNaN(document.myform.drive1.value || document.myform.drive2.value || document.myform.drive3.value ))//verifies that only numeric values were entered
{
alert("make sure you enter a numeric values for the 'number of drives' column");
return;
}
else
{
if(document.myform.drive1.value !="" && document.myform.western[0].checked==false && document.myform.western[1].checked==false && document.myform.western[2].checked==false)
alert("please select a size for the western digital drive");
else if(document.myform.drive2.value !="" && document.myform.maxtor[0].checked==false && document.myform.maxtor[1].checked==false && document.myform.maxtor[2].checked==false)
alert("please select a size for the maxtor digital drive");
else if(document.myform.drive2.value !="" && document.myform.quantum[0].checked==false && document.myform.quantum[].checked==false && document.myform.quantum[2].checked==false)
alert("please select a size for the quantum digital drive");
}
}
function check_radios()//function to check that a size is selected in the same row as the number of drives textbox//function to check that a size is selected in the same row as the number of drives textbox
{
if(document.myform.drive1!="" && document.myform.western[0].checked==false && document.myform.western[1].checked==false && document.myform.western[2].checked==false)// if drive1 textbox is not empty and no radio button is selected, a message will appear
{
alert("please select a size for the 'western digital' drive");
return;
}
else{return;}
if(document.myform.drive2!="" && document.myform.maxtor[0].checked==false && document.myform.maxtor[1].checked==false && document.myform.maxtor[2].checked==false)// if drive2 textbox is not empty and no radio button is selected, a message will appear
{
alert("please select a size for the 'maxtor' drive");
return;
}
else{return;}
if(document.myform.drive3!="" && document.myform.quantum[0].checked==false && document.myform.quantum[1].checked==false && document.myform.quantum[2].checked==false) // if drive2 textbox is not empty and no radio button is selected, a message will appear
{
alert("please select a size for the 'quantum' drive");
return;
}
else{return;}
}
function clear_form()
{
document.myform.western[0].value=="";
document.myform.western[1].value=="";
document.myform.western[2].value=="";
document.myform.maxtor[0].value=="";
document.myform.maxtor[1].value=="";
document.myform.maxtor[2].value=="";
document.myform.quantum[0].value=="";
document.myform.quantum[1].value=="";
document.myform.quantum[2].value=="";
document.myform.drive1.value=="";
document.myform.drive2.value=="";
document.myform.drive3.value=="";
document.myform.size1.value=="";
document.myform.size2.value=="";
document.myform.size3.value=="";
document.myform.totalsize.value=="";
document.myform.totalcost.value=="";
document.myform.discount.value=="";
document.myform.grandtotal.value=="";
}
</script>
<title></title>
</head>
<body>
<form name="myform">
<table align="center" border="1" width="80%">
<tr style="font-family:'comic sans ms'; font-size:24pt"><td align="center" colspan="6">Rupert's Hard Drive Emporium</td></tr>
<tr><td class="bold" valign="middle" align="center" rowspan="2">Manufacturer</td><td colspan="3" align="center" class="bold">Drive Size</td><td rowspan="2" class="bold">Number of Drivers</td><td rowspan="2" class="bold">Number of GB</td></tr>
<tr><td class="bold">500 Gigabytes</td><td class="bold">1 Terabyte</td><td class="bold">2 Terabytes</td></tr>
<tr><td>Western Digital ($0.12/GB)</td><td align="center"><INPUT TYPE=RADIO NAME="western" value="500" /></td><td align="center"><INPUT TYPE=RADIO NAME="western" value="1024"/></td><td align="center"><INPUT TYPE=RADIO NAME="western" value="2048"/></td><td align="center"><input type="text" name="drive1"/></td><td align="center"><input type="text" name="size1"/></td></tr>
<tr><td>Maxtor ($0.16/GB)</td><td align="center"><INPUT TYPE=RADIO NAME="maxtor" value="500"/></td><td align="center"><INPUT TYPE=RADIO NAME="maxtor" value="1024"/></td><td align="center"><INPUT TYPE=RADIO NAME="maxtor" value="2048"/></td><td align="center"><input type="text" name="drive2"/></td><td align="center"><input type="text" name="size2"/></td></tr>
<tr><td>Quantum ($0.09/GB)</td><td align="center"><INPUT TYPE=RADIO NAME="quantum" value="500"/></td><td align="center"><INPUT TYPE=RADIO NAME="quantum" value="1024"/></td><td align="center"><INPUT TYPE=RADIO NAME="quantum" value="2048"/></td><td align="center"><input type="text" name="drive3"/></td><td align="center"><input type="text" name="size3"/></td></tr>
<tr><td rowspan="4" align="center"><img src="hardisk.jpg" height="120pt" width="90pt"/></td><td colspan="3" align="right">Total Gigabytes Purchased</td><td align="center" colspan="2"><input type="text" name="totalsize" readonly="true"/></td></tr>
<tr><td colspan="3" align="right">Total Cost of Drives</td><td align="center" colspan="2"><input type="text" name="totalcost" readonly="true"/></td></tr>
<tr><td colspan="3" align="right">Discount</td><td align="center" colspan="2"><input type="text" name="discount" readonly="true"/></td></tr>
<tr><td colspan="3" align="right">Grand Total</td><td align="center" colspan="2"><input type="text" name="grandtotal" readonly="true"/></td></tr>
<tr><td align="center"><input type="submit" value="calculate" onclick="number_of_drives()"/></td><td align="center" colspan="5"><input type="submit" value="clear the form" onclick="clear_form()"/></td></tr>
</table>
</form>
</body>
</html>
Hello, I'm working on a cryptogram game for an educational site. The cryptogram will be displayed like scrabble tiles, and letter will have a corresponding text box. So for a five-letter word, there will be five scrabble tiles with five small text boxes beneath for students to fill in individual letters. At the end there will be a validate button that tells them if they have all the letters right or not. I found a reference to this solution in the forum: http://www.clickfind.com.au/javascri...tion/index.cfm. It looks to me like this will work but I can't figure out how to modify it to check for specific values. I've posted an example of my table below in case it's useful to a helpful person out there. I realize it's not much of a start. Thanks in advance for your help, ransomcat Code:
<form>
<table id="cryto_one" class="crypto" cols="15">
<tr>
<td><img src="tiles/20wide/4.gif" /></td> <td> </td> <td><img src="tiles/20wide/!.gif" /></td> <td><img src="tiles/20wide/3.gif" /></td>
</tr>
<tr>
<td><input name="four" type="text" class="crypto_letter" /></td> <td></td> <td><input name="exclam" type="text" class="crypto_letter" /></td> <td><input name="3" type="text" class="crypto_letter" /></td>
</tr>
</table>
<input type="submit" value="Submit" />
</form>
Hi, I am trying to only allow a person to enter alpha characters in this field and if they try to enter a number a pop up box will tell them they can only enter alpha characters. Can this be done? Here is my code: How would you like us to address you? ("Dear Pat" Dear <input name="SALUT" type="text" id="address2" style="color: #000000; border-left: 0px solid #008000; border-right: 0px solid #254D78; border-top: 0px solid #008000; border-bottom: 2px solid #0033CC; background-color: #EBE1BE" tabindex="5" size="15" maxlength="50" onFocus="if(this.value=='SALUT')this.value='';"> Any help would be greatly appreciated. Thanks Code: <img class="border" alt="googtatic_map" src="http://maps.google.com/maps/api/staticmap?center=51.454863,0.011673&zoom=13&markers=United+Reformed+Church,+111+Burnt+Ash+Road,++Lee,+London+SE12+8RG,+UK&size=250x250&sensor=true" /> I have the above code and it is not validating with the w3c validation for XHTML it has thrown up 8 errors and 14 warnings. Should I ignore them or what? As I do like my code to validate. Hi everyone, Would any of you know a cross-platform way to validate XML against XSD in JavaScript? All examples found online use MSXML, which is only available under Windows/IE. Using remote web-services is not a option, since the script should be able to run online. Cheers, Vit Hi im not good with javavscript so got some code off the net to do some rollovers, however it doesnt validate. can anyone please help me as to why this maybe? Code: <!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>
<link rel="stylesheet" type="text/css" href="joho.css" />
<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</head>
<body>
<div id="wrapper">
<div id="contentwrapper">
<div id="col1">
<ul>
<li><A
HREF="home.html"
onMouseOver = "rollover('home')"
onMouseOut = "rollout('home')"
><img src="menu/row1sq1_home_OP.png" border="0" alt="Home" NAME="home"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row1sq1_home_RO.png");
//-->
</SCRIPT></li>
<li><img src="menu/row2sq1_OP.png" alt="2"/></li>
<li><A
HREF="illustrations.html"
onMouseOver = "rollover('illustrations')"
onMouseOut = "rollout('illustrations')"
><img src="menu/row3sq1_illustrations_OP.png" border="0" alt="illustrations" NAME="illustrations"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row3sq1_illustrations_RO.png");
//-->
</SCRIPT></li>
<li><img src="menu/row4sq1_OP.png" alt="4"/></li>
</ul>
</div>
<div id="col2">
<ul>
<li><img src="menu/row1sq2_OP.png" alt="1"/></li>
<li><img src="menu/row2sq2_OP.png" alt="2"/></li>
<li><img src="menu/row3sq2_OP.png" alt="3"/></li>
<li><A
HREF="portraits.html"
onMouseOver = "rollover('portraits')"
onMouseOut = "rollout('portraits')"
><img src="menu/row4sq2_portraits_OP.png" border="0" alt="portraits" NAME="portraits"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row4sq2_portraits_RO.png");
//-->
</SCRIPT></li>
</ul>
</div>
<div id="col3">
<ul>
<li><A
HREF="about.html"
onMouseOver = "rollover('about')"
onMouseOut = "rollout('about')"
><img src="menu/row1sq3_about_OP.png" border="0" alt="About" NAME="about"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row1sq3_about_RO.png");
//-->
</SCRIPT></li>
<li><A
HREF="cards.html"
onMouseOver = "rollover('cards')"
onMouseOut = "rollout('cards')"
><img src="menu/row2sq3_cards_OP.png" border="0" alt="cards" NAME="cards"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row2sq3_cards_RO.png");
//-->
</SCRIPT></li>
<li><img src="menu/row3sq3_squeak_OP.png" border="0" alt="1"/></li>
<li><A
HREF="contact.html"
onMouseOver = "rollover('contact')"
onMouseOut = "rollout('contact')"
><img src="menu/row4sq3_contact_OP.png" border="0" alt="contact" NAME="contact"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row4sq3_contact_RO.png");
//-->
</SCRIPT></li>
</ul>
</div>
<div id="col4">
<ul>
<li><img src="menu/row1sq4_OP.png" alt="1"/></li>
<li><img src="menu/row2sq4_OP.png" alt="2"/></li>
<li><A
HREF="weddings.html"
onMouseOver = "rollover('weddings')"
onMouseOut = "rollout('weddings')"
><img src="menu/row3sq4_wedding_OP.png" border="0" alt="weddings" NAME="weddings"/></a><SCRIPT TYPE="text/javascript">
<!--
setrollover("rollovers/row3sq4_wedding_RO.png");
//-->
</SCRIPT></li>
<li><img src="menu/row4sq4_OP.png" alt="4"/></li>
</ul>
</div>
</div>
</div>
</body>
</html>
thank Q C Hi Guys, I use this code to validate e-mail addresses: PHP Code: // checks if the e-mail address is valid var emailPat = /^(".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/; var matchArray = formSignup.txtEmail.value.match(emailPat); if (matchArray == null) { alert("Your email address seems incorrect. Please try again (check the '@' and '.'s in the e-mail address)"); return false; } What i noticed today, is if a customer registers with an e-mail like: something.something@hotmail.com the first dot throws up the error, i'm not to great on regex lol any help would be appreciated thanks guys Graham Hi Folks I am trying to write a js that validates a form with two text inputs. The two inputs a 'D_techA' and 'D_techB'. I just want to add up (sum) the two input fields (which must be positive numbers) and make sure that they add up to exactly 100 (not more and not less). If they do not add up to 100, then an alert should pop up that says "The two values must add up to exactly 100." I have tried and tried to write a js that does this validation (looking at numerous validation scripts posted in this forum and elsewhere) and I just cannot seem to make it work. I would very much appreciate any suggestions! Thanks! The html code for my very simple form is: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <form id="form1" name="form1" method="post" action=""> <label>Investment in Tech A <input name="D_techA" type="text" id="D_techA" /> </label> <label>Investment in Tech B <input name="D_techB" type="text" id="D_techB" /> </label> <p> <input name="Submit" type="submit"/> </p> </form> </body> </html> Hello all, I am pretty new to javascript and could use some help. I am validating a page (image attached) to make sure that total hours entered do not exceed the allocated amount, which is stored in the database. I have already validated to make sure that they enter a number and that it is not greater than 8. Could some one help me with the rest? thanks so much, Joe Code: var returncode = true
var inputs = document.getElementsByTagName("INPUT")
for(var x=0; x<inputs.length; x++)
{
if(inputs[x].type =='text' && isNaN(inputs[x].value))
{
document.getElementById("hourserror").style.display = "block";
inputs[x].style.backgroundColor = '#FFCCCC';
returncode = false;
}
if(inputs[x].value > 8)
{
document.getElementById("totalerror").style.display = "block";
inputs[x].style.backgroundColor = '#FFCCCC';
returncode = false;
}
}
return returncode;
hi i need a help in java script. i have some text fields and when i enter the information in it and enter the validation button i need the results to be displayed in a box below these btns. Is it possible in Java script? Please see the attached image for some ideas. cheers Hi guys! I have tried numerous attempts in getting the Address field to work (i.e. validated). I want it to accept letters, numbers, spaces and commas! However, it won't let me! Below is the code I have provided. Code: function validateAddress(fld) {
var error = "";
var illegalChars = /[\W_]/; //
} else if (illegalChars.test(fld.value)) {
fld.style.background = 'Yellow';
error = "Your Billing address contains illegal characters!\n";
} else {
fld.style.background = 'White';
}
return error;
}
Thanks a lot! We are trying to validate a piece of code on our HTML pages and get the following message - "The text content of element script was not in the required format: Expected space, tab, newline, or slash but found < instead." The code is used to set up the Facebook tags in JavaScript, and does work by itself. However, we're trying to get it to work through validation on http://validator.w3.org Code: <script src="SiteTools.js">
//<![CDATA[
<!--
FacebookSetup('CABLED Project first 6 months', 'images/angela-imiev.jpg');
//-->
//]]>
</script>
Thanks |
|||||||