|
JavaScript - Problems Validating Js Code
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 Similar Tutorials<HTML> <HEAD> <TITLE>Form Validation Example </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function validateForm() { if(document.UD.FIRST_NAME.value=="") { alert("PLEASE FILL IN THE First Name FIELD"); return(false); }// validation for empty first name if(document.UD.LAST_NAME.value=="") { alert("PLEASE FILL IN THE Last Name FIELD"); return(false); }// validation for empty last name if(document.UD.MONTH.value=="") { alert("PLEASE FILL IN THE Birth Date FIELD"); return(false); }//validation for empty month if(document.UD.DAY.value=="") { alert("PLEASE FILL IN THE Birth Date FIELD"); return(false); } //validation for empty day if(document.UD.YEAR.value=="") { alert("PLEASE FILL IN THE Birth Date FIELD"); return(false); }//validation for empty year if(document.UD.MONTH.value >=1 && document.UD.MONTH.value <=12) { return(true); } else{ alert("Please enter a valid Month"); return(false); } /* this runs its course but stops after it makes this statement true. It does not continue the last to if statements. I have rearranged the code to read: if(document.UD.MONTH.value <=0) { alert("Please enter a valid Month"); return(false); } if(document.UD.MONTH.value >=12) { alert("Please anter a valid Month") return(false); } but by following these statments it skips these and goes straight to the next if statement and follows that until it reaches true then it won't go onto the last if statment.*/ if(document.UD.DAY.value >=1 && document.UD.DAY.value <=32) { return(true); } else{ alert("Please enter a valid day"); return(false); } if(document.UD.YEAR.value >=1900 && document.UD.YEAR.value <=2011) { return (true); } else { alert("Please enter a valid year"); return(false); } return(true); } //--> </SCRIPT> </HEAD> <BODY> <CENTER> <FONT SIZE="5" COLOR="#006600" FACE="verdana">Form Validation</FONT> </CENTER><BR><BR> <FORM METHOD=POST ACTION="http://www.mysite.com" NAME="UD"> <TABLE ALIGN="CENTER"> <TR> <TD>First Name</TD> <TD><INPUT TYPE="TEXT" NAME="FIRST_NAME"></TD> </TR> <TR> <TD>Last Name</TD> <TD><INPUT TYPE="TEXT" NAME="LAST_NAME"></TD> </TR> <TR> <TD>Birth Date</TD> <TD><INPUT TYPE="TEXT" SIZE="4" NAME="MONTH"><INPUT TYPE="TEXT" SIZE="4" NAME="DAY"><INPUT TYPE="TEXT" SIZE="6" NAME="YEAR"> </TD> </TR> <TR> <TD><INPUT TYPE="SUBMIT" VALUE="Submit Form" onClick="return validateForm()"></TD> <TD><INPUT TYPE="RESET" VALUE="Reset"></TD> </TR> </TABLE> </FORM> </BODY> </HTML> Above is my code. I have included a brief snippet of my problem in the code already, but basically my code runs through all the if statements until it gets to the if statement about the month and validating what numbers are used. Once it completes that if statement it returns true and goes no further. However if I rearrange my code it still does not work. If anyone has some idea on what I am doing I would greatly appreciate it. I am new to javascript and have been working on this for hours upon hours trying to figure it out so any help would be greatly appreciated. Thank you. 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. Hi, I'm wondering if someone can help me. I have recently used this tutorial: http://net.tutsplus.com/tutorials/ph...-confirmation/ to develop a more complex sign up form for a competition for a client. Basically, the way the validation has been done is different to many other validation methods I've used before and don't understand how to implement it, for some additional requirements. This is an example of the PHP validation code that I have altered, to suit my form requirements: Code: //quick/simple validation
if(empty($code)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your entry code'); }
if(empty($name)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your name'); }
if(empty($email)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your email address'); }
This code only validates that there is content in those fields. But, for example on the 'entry code' field, I would like to put a maximum character input there and restrict certain characters, as well as a standard 'email' validation, so that the form is sent through to the database correctly. If anyone knows how I can do this, with this sign-up form in particular, please assist me, as every other method I've tried to work with this form hasn't worked and caused the form to error. Thank you in advance. This may seem like a very noob-like question but I just can't figure it out! I am new to Javascript and I was playing around with if...else.. statements. I made this little code to see if I can make a password activated code. In this case I just want it to open an alert window if the right password is put in. I have tried running this in Chrome, IE and Firefox and none of them worked. Code: <script type="text/javascript">
var n1=prompt("Please enter the correct password.");
if (n1=1147)
{
alert("Congrats! You guessed the right password!");
}
else
{
alert("I am sorry"n1" is not the correct password. Please try again");
}
</script>
Hello, new to the forums so I don't know really where I should post this. Working with google spreadsheets and google script here if that makes any difference. I want a cell to print the letter O x number of times based on the value of a different cell? For example; If A1 is 3, i want B2 to print O O O. Just as A1 is 5 i want B2 to print O O O O O. I have this bit of code so far and think I could run this as a script, but i keep getting an error "Missing ; after for-loop initializer. (#2) (line 2)" Code: function Dot()
{
for (i < CellValue)
{
myOutputString = myOutPutString + "O ";
}
TargetCell.Formula=myOutputString;
}
Thank you for any help you can provide....and if there is a better place for this sort of stuff, please let me know. I have two problems with this simple survey that I am trying to write: 1. When I have the "<textarea>" code lines in it put a text-area on the page, but it puts all of the code following that first text-area line into the text-area box and doesn't execute that segment of code. 2. When there is no "<textarea>" (for the sake of seeing if the rest of it worked) it doesn't check the survey. I'm stumped and can't figure out what to do at this point, can someone please help me with this? Code and pictures follow: Code: <html>
<head>
<title>Survey</title>
<script langauge-"javascript">
<!--
var food=new Array("Berries", "Carrots", "Insects", "Salmon", "Salad", "Smelt", "Trout");
var story=new Array("Peter Rabbit", "Molly's Adventure", "Jeremy Fisher", "Mrs. TiggieWinkle", "The Tale of the Two Bad Mice", "Toad's Great Adventure");
function createWindow()
{
win=open("", "", "menubar, scrollbars");
win.document.write("<head><title>Survey Results</title></head>");
win.document.write("<body bgcolor='white'>");
return win;
}
function checkSurvey(form)
{
var outString="";
for(var i=0; i<=2; i++)
{
if(form.elements[i].value=="") {
alert("Please fill in your "+form.elements[i].name);
form.elements[i].focus();
return;
}
outString=outString+form.elements[i].name+":"+form.elements[i].value;
outString+="<br>";
}
if(!form.Attending[0].checked&&!form.Attending[1].checked)
{
alert("Please fill in the attendence information");
return;
}
if(form.Attending[0].checked) {
outString+="Attending: Yes<br>";
var index=form.Food.selectedIndex;
outString=outString+"Favorite Food: "+food[index]+"<br>";
index=form.Story.selectedIndex;
outString=outString+"favorite Story: "+story[index] + "<p>";
}
else
outString += "Attending: No <p>";
win.document.write(outString);
}
//-->
</script>
</head>
<body bgcolor="white"
onLoad = "win = createWindow()"
onUnload = "win.close()">
<b>The Survey</b><p>
<i>Please help us by filling our this survey</i><p>
<table cellpadding = "3">
<form name = "Survey">
<tr><td>First Name</td>
<td colspan = "3">
<input type = "text" name = "First Name" size = "12"></td></tr>
<tr><td>Last Name</td>
<td colspan = "3">
<input type = "text" name = "Last Name" size = "3"></td></tr>
<tr><td>Address</td>
<td colspan = "3">
<textarea name = "Address" rows = "5" cols = "30" wrap = "physical">
</teaxtarea></td></tr>
<tr><td>Attending?</td>
<td><input type = "radio" name = "Attending" value = "Yes">Yes</td>
<td><input type = "radio" name = "Attending" value = "No">No</td></tr>
<tr><td>Favorite Foods</td>
<td colspan="3"><select name = "Food">
<script langauge = "javascript">
<!--
for(var i=0; i<food.length; i++)
document.write("<option>" + food[i]);
//-->
</script></select></td>
</tr>
<tr><td>Favorite Story</td>
<td colspan = "3"><select name = "Story">
<script language="javascript">
<!--
for(var i=0; i<story.length; i++)
document.write("<option>" + story[i]);
//-->
</script></select></td></tr>
<tr><td><input type = 'button' value = 'Check Survey' onClick = "checkSurvey(this.form)"></td></tr></form>
</table>
</body>
</html>
i have code to create a select list. this select list is populated by db query i have two pieces of code i need looked at to fix the problem Code: echo "<select name='LearnedJutsus' id='YourJutsu' onchange='return jutsu()' >";
foreach($learnedJutsuInfo as $v)
{
echo "<option value='$v'>$v</option>";
}
echo "</select></form>";
and most importantly this one! Code:
var selection=document.getElementById("x").options[document.getElementById("x").selectedIndex].value;
i did not write the above code it was donated to me but it seems to be not working correctly. what i need is an explanation on how it works (which would be best since im foggy with jscript)or a fix for it i basically need it to grab the selected option's information for later use in the program. this is a pivotal part of the system any help appreciated. I am having a problem with the follow code with IE9 only. Works fine with any other browser.. Any help? Thanks <a href="javascript:var w = window.open('show_photo.php?ad_id={AD_ID}&img_id={IMG_ID}','','width=450,height=500,toolbar=0,scroll bars=0,statusbar=0,menubar=0,resizable=0');"> </a> I was having some problems getting my function to only perform when I click the shoot button. Right now I have it where if you click the buttons and it plays the whole game. I was wondering if there is some way to maybe hide it and then just print the results only when I press the shoot button. I posted my game here its the front page. http://mmoloot4u.com/ I am trying to find out so things so far i thought about doing this, but im not sure the best way. Could i remove assignments from document.getElementByIf('whatever').value from the onclick code for rock, paper, and scissors. Instead define corresponding variables in your <script> area and assign to those variables. Then in 'shoot' you can assign those variables to the corresponding element values? Hi all. I'm learning JS from pretty much scratch and the first thing I'm trying to do is simply make an image fade function. I just can't seem to make it work though, the image starts off at the right opacity (im this case 0.5) but after that the page goes white and the script never stops. It does seem to be counting up normally "opacity: 0.6 opacity: 0.7" etc. though. Code: <img src="1.jpg" id="pic1">
<script type="text/javascript">
var amount = 0.5;
var target = document.getElementById('pic1');
function fade() {
if (target.style.opacity < 1.0) {
target.style.opacity = amount;
amount = amount + 0.1;
document.write("<br>opacity: " + target.style.opacity);
setTimeout("fade()", 1000)
//fade();
}
}
fade();
</script>
edit I rewrote it to make it simpler but still having basically the same problem D:! 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 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 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 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! 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> 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 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 |
|||||||