|
JavaScript - Validation Issue, Help Please
Hello
I have some JS email validation which does not appear to be working. I originally had a form and decided to add validation to it, so I am adding JS to that original file. My original form used this: Code: <form action="form_script.asp" method="POST" enctype="multipart/form-data" onSubmit="return onSubmitForm();"> and the validation script uses this: Code: <form name="theform" method="post" action="#" onSubmit="return check(this);"> I am trying to get them both to work. How would I do that, please? The test site is he http://proofreading4students.com/contact_test.asp Thanks for any help. Steve Similar TutorialsHi, I am working on simple project and it's for the institute Class project where i am learning php. i have to submit the project as soon as possible. But i am doing it different way then of i was supposed. Instead of validation message i want to use a picture or icon with Red error icon and Green yes icon as you can check in the attached picture. I am calling a function on submit button and if there is any error then using document.GetElementById('error').style.background="none" and ="pic url". I am getting output but it's just for a second then disappeared. I have already attached the Screen Shot to get the full idea.. Mainly i want to display red icon on error and green one when there is not error. I can't seem to get any Email validation to work, at all. no matter what different tactic I try. Right now I'm trying the most simplest of tactics.. Code: if((document.subscribe.contacttype.selectedIndex==1) && (document.subscribe.email.value=="")){
alert("Please enter a Valid Email Address.");
return false;
}
else{
if((document.subscribe.email.indexOf('@') < 0) || ((document.subscribe.email.charAt(email.length-4) != '.') && (document.subscribe.email.charAt(email.length-3) != '.')))
{alert("you have entered an invalid Email Address. Please try again.");
}
}
}
Any suggestions? my 'Email' feed is displayed after the 'drop-down selector' has been chosen, thus, the invoking of the if selectedIndex==1 && email.value="" return false;. Thanks for your assistance ahead of time. Hello all, I have had a look around the forums, but cannot find the answer that I am after. basically, I have a text area to enter a search, and I have already written the JavaScript part of it (unsure if this is where the problem lies). The text that will go into the text area is a URL. the search button is disabled if there are spaces in the query, or if the field is blank, else the button is enabled. The problem I'm having may or may not be to do with my script. The HTML is set to 'onKeyUp' and 'onBlur' to run the function. now, it works fine, unless the user uses the mouse to copy and paste a URL into the text area. the button remains disabled until the user focuses out of the text area then back in. if ctrl+v is used, then the function works. If you would like to see the script I have written let me know, I hope you have some ideas Thanks in advance! Ok, so I'm using two different scripts for my websites registrations. One is genvalidatorv4, from here. Now, instead of messing around with messy regular expressions for a birthday validation, I decided to hunt around for something procedural like the Facebook registration. I found this. Now I have the validation running great up until the bday picker. See, that script uses Jquery to output the form select boxes on a page load. Here's the form's code: Code: <form action="new_client_exec.php" id="newClient" method="post">
<span>
<label for='FirstName'>First Name:</label>
<input type="text" id="FirstName" name="FirstName" />
<div id='newClient_FirstName_errorloc' class='error_strings'></div>
</span>
<span>
<label for='LastName'>Last Name:</label>
<input type="text" id="LastName" name="LastName" />
<div id='newClient_LastName_errorloc' class='error_strings'></div>
</span>
<span>
<label for='Email'>Email:</label>
<input type="text" id="Email" name="Email" />
<div id='newClient_Email_errorloc' class='error_strings'></div>
</span>
<span>
<label for='ConfirmEmail'>Confirm Email:</label>
<input type="text" id="ConfirmEmail" name="ConfirmEmail" />
<div id='newClient_ConfirmEmail_errorloc' class='error_strings'></div>
</span>
<span>
<div id="bdayLabel">Birthday:</div>
<div class="picker" id="bdaypicker"></div>
<div class="clear"></div>
<div id='newClient_birthmonth_errorloc' class='error_strings'></div>
</span>
<span>
<input type="submit" name="submit" value="Submit" />
</span>
</form>
<script type="text/javascript">
var frmvalidator = new Validator("newClient")
frmvalidator.EnableOnPageErrorDisplay();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("FirstName","req","Please enter your First Name");
frmvalidator.addValidation("FirstName","maxlen=24","Max length is 24");
frmvalidator.addValidation("LastName","req","Please enter your Last Name");
frmvalidator.addValidation("LastName","maxlen=24","Max length is 24");
frmvalidator.addValidation("Email","maxlen=50", "Max length is 50");
frmvalidator.addValidation("Email","req", "Please enter your Email");
frmvalidator.addValidation("Email","email", "This email appears to be invalid");
frmvalidator.addValidation("ConfirmEmail","req", "Please confirm your Email");
frmvalidator.addValidation("ConfirmEmail","eqelmnt=Email", "The confirmed password is not same as password");
</script>
Now, when the page is run, it adds the bday fieldset into the <div class="picker" id="bdaypicker"></div>. As you can see, the validator accesses the field data via the "name" attribute, so I try to add validation to what the ids and names that the picker script adds but it doesn't work. Now, I'm fairly new to Javascript and it's derivatives, but if classes, ids, and names are already being used or generated by other scripts, does that not allow you to access them elsewhere in a different script? I've tried just about everything else, including going into that picker script and modifying the names and ids it outputs. I'm sorry for not being able to post a full html page. I don't want links to this site floating around out there yet. If I need to I'll post a dummy page with all the necessary code. Thanks for any help! My code is working pretty well, except I have an issue validating. I think it may be to do with when there is an empty string. I know that NaN is Not a Number, but the only issue I can find with my code is when I input a non-digit such as "k" for example. And because I have put some code in to reload the page when it does not validate, when it refreshes it has 2 popup boxes. Thanks for taking the time to read my post Code: <html>
<head>
<title>Sound Travel Calculator</title>
<script type="text/javascript">
// Setting our variables based on user input
var hours = 0;
var mins = 0;
var m_per_secs = 340;
alert("Speed of Sound \n\nAt Sea Level Sound Travels At 340 Metres Per Second \n\nIf You Would Like To Know How Far Sound Will Travel In A Given Time, Click OK");
hours = prompt("Please Enter Hours (If less than 1 hour, just type 0)");
mins = prompt("Please Enter Minutes");
// Validating input for a number less than zero or an not a number
if ((isNaN(hours)) || (hours < 0) || (isNaN(mins)) || (mins < 0))
{
alert("Please enter a numeric value, zero or greater");
window.location.reload(true);
}
// if there is no input, the value is set to zero
if (hours =="")
{
hours = 0;
}
if (mins =="")
{
mins = 0;
}
// Calculations
dist = (((parseFloat(hours)) * 60 * 60) + (parseFloat(mins * 60)) * parseFloat(m_per_secs) / 1000)
// Output our calculation
alert("The Distance of Sound Travelled is " + (dist) + " Kilometres");
</script>
</head>
<body>
</body>
</html>
I have two simple forms on the site, each captures an email address they are for two separate languages. However when I try to validate, only one validates and the other one doesn't Javascript: Code: <script type="text/javascript">
function checkform ( form )
{
// ** START **
if (form.email.value == "") {
alert( "Please enter your email address." );
form.email.focus();
return false ;
}
// ** END **
return true ;
}
</script>
<script type="text/javascript">
function checkform ( form )
{
// ** START **
if (form.email2.value == "") {
alert( "Please enter your email address." );
form.email2.focus();
return false ;
}
// ** END **
return true ;
}
</script>
Form 1- It Validates Just Fine Code: <form name="quote" method="post" action="contact.php" onsubmit="return checkform(this);">
<td>
<input name="email" style=" background-color:#FFFFFF; width:200px; height:13; font-size:11px; color:#666666" type="text" /></td>
<td> <input style="border:none" type="image" name="imageField" id="image" src="submit.jpg" />
</td>
</form>
Form2 Doesn't Validate Code: <form name="quote" method="post" action="contact.php" onsubmit="return checkform(this);">
<td><input name="email2" style=" background-color:#FFFFFF; width:200px; height:13; font-size:11px; color:#666666" type="text" /></td>
<td>
<input style="border:none" type="image" name="imageField2" id="image2" src="submit2.jpg" />
</td>
</form>
Hi, I have a simple bit of HTML / Javascript to validate email addresses entered into a field, split by a comma. Code: <html> <body> <form name="myForm" onsubmit="return chkEmail()" method="post"> e: <input type="text" name="fname"> <input type="submit" value="Submit"> </form> </body> </html> Code: function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function chkEmail(){
var myString = document.forms["myForm"]["fname"].value;
var mySplitResult = myString.split(",");
for(i = 0; i < mySplitResult.length; i++){
emailCheck = validateEmail(mySplitResult[i]);
alert(mySplitResult[i] + " - " + emailCheck);
if (emailCheck = 'false') {
alert(emailCheck);
}
}
}
If I enter e.g. "you@me.com,this@that.com" into the form, the alert debugs show: First: you@me.com - true Second: false Third: this@that.com - true Fourth: false The first debug seems to show that the condition is true, but then the if statement to check for a "false" value is firing, showing the value of "emailCheck" = "false", even though on the preceding alert, the value = "true". I'm not sure what's going wrong. Apologies for any silly mistakes. I also put my code he http://jsfiddle.net/XYyZa/ Thanks I'm having a problem validating this script in w3c its the last one to make the page valid xhtml transitional. here are the errors w3c gives me for the code.the website in question is http://www.orgdesignz.com Error Line 2722, Column 31: document type does not allow element "p" here Code: document.write('<p class="no">We\'ve detected that you\'re using <strong>AdBlock Plus</strong> or some other adblocking software. Please be aware that this is only contributing to the demise of the site. We need money to operate the site, and almost all of that comes from our online advertising. To read more about why you should disable ABP, please <a href="#">click here</a>.<!-- end .content --></p>');
the error was detected on the > after "no" The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error). Thanks, Mike@orgdesignz Hello, On my client's site: www.twdcycling.com he wanted a place where people could make suggestions for his blog. I accomplished the simple form using a textarea field and even put a little text that clears on clicks and reappears on blur. When you go there--go to the bottom left. It also actually works. The problem is that (besides the fact that so far no one has cared to make a suggestion) somehow the form is (this is what I believe) being submitted automatically. I don't believe a human is clicking submit. When I click submit w/o clicking in the field the default text that I have in the field already gets submitted in the generated email. So I now need to work on my validation in my php file that sends the email. For background I obtained my php file from html-form-guide.com here the file is in its entirety: Code: <?php
if(!isset($_POST['submit']))
{
//This page should not be accessed directly. Need to submit the form.
echo "error; you need to submit the form!";
}
$name = $_POST['name'];
$visitor_email = $_POST['email'];
$message = $_POST['message'];
//Validate first
if(empty($name)||empty($visitor_email))
{
echo "Name and email are mandatory!";
exit;
}
if(IsInjected($visitor_email))
{
echo "Bad email value!";
exit;
}
$email_from = 'tom@amazing-designs.com';//<== update the email address
$email_subject = "New Form submission";
$email_body = "You have received a new message from the user $name.\n".
"Here is the message:\n $message".
$to = "tom@amazing-designs.com";//<== update the email address
$headers = "From: $email_from \r\n";
$headers .= "Reply-To: $visitor_email \r\n";
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');
// Function to validate against any email injection attempts
function IsInjected($str)
{
$injections = array('(\n+)',
'(\r+)',
'(\t+)',
'(%0A+)',
'(%0D+)',
'(%08+)',
'(%09+)'
);
$inject = join('|', $injections);
$inject = "/$inject/i";
if(preg_match($inject,$str))
{
return true;
}
else
{
return false;
}
}
?>
It does have some validation code, and it also is set up to handle more parameters than I needed. I tried to just pare it down to the one simple thing (I just need the user to type anything they want into my text area) My reasoning is that I should be able to go get some simple validation snippet to make it so that if there is the possibility something is causing the form to just "fire off" w/o a human clicking, the validation shouldn't allow it to send, cause the text field is empty. But one would think if that is happening my default text would allow it to send, but oddly enough, no! when I get the email (last one at 5:49 am) it was a blank email! So its like some robot is doing two things: clicking in the field to empty it and THEN clicking submit! Weird, I know. But the validation code would fix this if only I knew how. (But on another note, if I try to send an empty box my default text pops back in when I click submit--proving that its happening automatically. I tried all morning yesterday to implement a snippet from several sources. Here's a couple of examples of what I added: Code:
function emptyvalidation(entered, alertbox)
{
// Emptyfield Validation by Henrik Petersen / NetKontoret
// Explained at www.echoecho.com/jsforms.htm
// Please do not remove this line and the two lines above.
with (entered)
{
if (value==null || value=="")
{if (alertbox!="") {alert(alertbox);} return false;}
else {return true;}
}
}
I didn't modify this code at all....maybe where I went wrong here. Should "value" correspond to text area name "message"? (about the only thing I didn't try) Here's another one --this one from W3 schools: Code: function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
this is how it was on the source site, all I changed was "myForm" and "fname" to "blog_suggestion" But when testing both these snippets separately what happened is that on submit I just go to my php page (which is just blank) I'm assuming code I'm adding is crashing the script somehow. And then of course no thank you page and no email sent. Finally here is my current php page in its entirety, followed by the form code on the home page... Code: <?php
if(!isset($_POST['submit']))
{
//This page should not be accessed directly. Need to submit the form.
echo "error; you need to submit the form!";
}
$message = $_POST['message'];
//Validate first
if(empty($message))
{
echo "Please enter a suggestion before clicking submit.";
exit;
}
$email_from = 'f7digitaldesign@gmail.com';//<== update the email address
$email_subject = "SOMEONE HAS SUBMITTED A SUGGESTION FOR THE BLOG!";
$email_body = "\n $message".
$to = "f7digitaldesign@gmail.com";//<== update the email address
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
//Send the email!
mail($to,$email_subject,$email_body,$headers);
//done. redirect to thank-you page.
header('Location: thank-you.html');
// Function to validate against any email injection attempts
function IsInjected($str)
{
$injections = array('(\n+)',
'(\r+)',
'(\t+)',
'(%0A+)',
'(%0D+)',
'(%08+)',
'(%09+)'
);
$inject = join('|', $injections);
$inject = "/$inject/i";
if(preg_match($inject,$str))
{
return true;
}
else
{
return false;
}
}
?>
I tried to modify the validation I got w/ this to produce the "echo" message "Please enter a suggestion before clicking submit." But let's be honest, by now you know I don't know what in the heck I'm doing (it doesn't seem to matter). Form code: Code: <form name="blog_suggetion" method="post" action="send_form_blogidea.php">
<span class="bloginfotext" ><textarea name="message" rows="14" cols="12" onfocus="clearValue(this, 'Please submit ideas for our blog here—we’d love to hear from you!')" onclick="this.value='';" onblur="if (this.value == '') {this.value = 'Please submit ideas for our blog here—we’d love to hear from you!';}" ></textarea></span>
<div style="font-size:6px; color:#FFF;">sdsadfds</div>
<input type="submit" name='submit' value="submit">
</form>
Any time spent and help offered for this is greatly appreciated!! Also if you need to/want to test the field, I don't care--send me a message. I'll know someone cares! Brian 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! I keep getting validation errors for using && as and. I've read to put "&" in place of it, but whenever I do this, the code stops working. I've tried seperate parenths, and still confused. anyone help to make this work and validate at the same time? if (first=="" && last=="") first = last = "Unknown"; if (first == '') document.writeln(last); else if (last == '') document.writeln(first); else document.writeln (last + ", " + first); Hey. Could someone point me in the direction of why this is not working, it worked in my last program, but not since I have changed things. I have a standard html form Code: <form method="POST" onsubmit="return validate_form(this)" action="anniversaryPreview.php">
<p class="demo5">Senders Name<a class="textFields2">
<input type="text" name="sender" value="e.g. Love from Nick" size="30" maxlength="35" /></a></p>
<p class="btn2" >
<input type="submit" value="Preview"></p>
</form>
And this should call up return validate_form(this) before bringing up the php page. Now the validator is just Code: function validate_required(field, alerttxt) {
if (field.value == null || field.value == "") {
alert(alerttxt);
return false;
}
else {
return true;
}
}
function validate_form(thisform) {
if (validate_required(thisform.name,"Please specify the receivers name.")==false) {
thisform.name.focus();
return false;
}
if (validate_required(thisform.sender,"Please specify the sender's name.")==false) {
thisform.sender.focus();
return false;
}
}
(This is not in the html file, but its own seperate file) I cant see if I have made any mistakes with the variables names or something, or what I am doing wrong. Dont get any errors, just nothing happens if I leave my forms fields blank. Anyone have an idea of whats going on here? cheers In my project i have a from which have several fields. The form is <form name="reg" action="payment.jsp" method="post"> ----------- <tr> <td>First name:</td> <td><input type="text" name="firstname"/></td></tr> -------------------------- <input type="submit" value="Next" onclick="fun()" /> ------------ </form> Then to validate the fields i have used JavaScript.They are validating rightly using a alert box. But when i am pressing ok of the alert box the control is passing to the page i have written in action of the form.I want when i will press ok it should come back to the same page.Only if all fields are then it should go to the page refereed in action. Can anyone help me? The JavaScript code is <script type="text/javascript"> function fun() { var x=document.forms["reg"]["firstname"].value; if (x==null || x=="") { alert("First name must be filled out"); } Hello to everyone i need to validate a form Based on radio buttons and text box my code so far Code: <html>
<head>
<title>My Page</title>
<script type="text/javascript">
function validate(thisform) {
document.getElementByName("bank");//text box
// validate myradiobuttons
radio = -1;
for (i=thisform.day.length-1; i > -1; i--) {
if (thisform.day[i].checked) {
radio = i; i = -1;
}
}
if (radio == -1) {
alert("You must select all values for the clock !");
return false;
}
else
{
return true;
}
}
//bank code validation
if (document.getElementByName("bank").value.length>=6) {
return true;
}
else
{
alert("you must input maximum 6 digit (123456) !");
return false;
}
}
</script>
</head>
<body>
<form action="form-output.php" method="post" id="form">
<input type="radio" name="day" value="f" onclick="dayofweek(this)" /> Sunday (default)
<input type="radio" name="day" value="s" onclick="dayofweek(this)" /> Sun </p>
<input type="radio" name="month" value="a" onclick="dateformat(this)" /> 28th March 2010 (default)
<input type="radio" name="month" value="b" onclick="dateformat(this)" /> 28 March 2010
<input type="radio" name="month" value="c" onclick="dateformat(this)" /> 28th Mar 2010
<input type="radio" name="month" value="d" onclick="dateformat(this)" /> 28 Mar 2010
<input type="radio" name="month" value="e" onclick="dateformat(this)" /> 28/03/2010
<input type="radio" name="month" value="f" onclick="dateformat(this)" /> 28th March 10
<input type="radio" name="month" value="g" onclick="dateformat(this)" /> 28 March 10
<input type="radio" name="month" value="h" onclick="dateformat(this)" /> 28th Mar 10 <br/>
<input type="radio" name="month" value="i" onclick="dateformat(this)" /> 28 Mar 10
<input type="radio" name="month" value="j" onclick="dateformat(this)" /> 28/03/10
<input type="radio" name="month" value="k" onclick="dateformat(this)" /> 28th March
<input type="radio" name="month" value="l" onclick="dateformat(this)" /> 28 March
<input type="radio" name="month" value="m" onclick="dateformat(this)" /> 28th Mar
<input type="radio" name="month" value="o" onclick="dateformat(this)" /> 28 Mar
<input type="radio" name="month" value="p" onclick="dateformat(this)" /> 28/03 </p>
<input type="radio" name="time" value="a" onclick="timeformat(this)" /> 5:28:12 am (Default)
<input type="radio" name="time" value="b" onclick="timeformat(this)" /> 5:28 am
<input type="radio" name="time" value="c" onclick="timeformat(this)" /> 5:28:12
<input type="radio" name="time" value="d" onclick="timeformat(this)" /> 5:28
<input type="radio" name="time" value="e" onclick="timeformat(this)" /> 17:28:12
<input type="radio" name="time" value="f" onclick="timeformat(this)" /> 17:28 </p>
Input a short Bank Code
<input type="text" name="bank" size="10" onblur="JavaScript:alert('You must insert a Bank Code')" /></br>
<input type="submit" name="submit" onclick="validate(form);return false;" value="Submit" />
<input type="reset" name="reset" value="reset" />
</form>
</body>
</html>
i need on submit to validate if user select values from 3 radio groups and insert the proper data to text box. if not i want to return the proper alerts in text box also i want when lose focus to validate so i put this Code: onblur="JavaScript:alert('You must insert a Bank Code')"
it's ok? Thanks in Advance Hi, got my form here Code: <form method="POST" onsubmit="return validateFormOnSubmit1(this)" action="sendEmail.php">
<p class="demo2">Receivers E-mail<a class="textFields">
<input type="text" name="receiver" size="30" maxlength="35" /></a></p>
<p class="demo2">Senders E-mail<a class="textFields2">
<input type="text" name="sender" size="30" maxlength="35" /></a></p>
<p class="btn" >
<input name="Submit" type="submit" value="Send"/></p>
</form>
And that should call up this Code: function validateFormOnSubmit1(theForm) {
var reason = "";
reason += validateEmail1(theForm.receiver);
reason += validateEmail1(theForm.sender);
if (reason != "") {
alert("Some fields need correction:\n" + reason);
return false;
}
return true;
}
function trim(s)
{
return s.replace(/^\s+|\s+$/, '');
}
function validateEmail1(fld) {
var error="";
var tfld = trim(fld.value); // value of field with whitespace trimmed off
var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
if (fld.value == "") {
fld.style.background = 'Yellow';
error = "You didn't enter an email address.\n";
} else if (!emailFilter.test(tfld)) { //test email for illegal characters
fld.style.background = 'Yellow';
error = "Please enter a valid email address.\n";
} else if (fld.value.match(illegalChars)) {
fld.style.background = 'Yellow';
error = "The email address contains illegal characters.\n";
} else if (fld.value.length == 0) {
fld.style.background = 'Yellow';
error = "The required field has not been filled in.\n"
} else {
fld.style.background = 'White';
}
return error;
}
For some reason though the validation is not working. Is there anything obvious I am doing wrong? cheers Hello, I dont know if I am going about this the right way, but.. I am trying to validate an email address. If the email is a valid looking email address, it will render the submit button disabled to prevent dupe's while the rest of the script processes. The email validation portion works, but, the part where it renders the form submit button disabled does not: <script type="text/javascript"> function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@"); dotpos=value.lastIndexOf("."); if (apos<1||dotpos-apos<2) {alert(alerttxt);return false;} else {return true; submit.disabled = true;} } } function validate_form(thisform) { with (thisform) { if (validate_email(email,"Please enter a valid email address.")==false) {email.focus();return false;} } } </script> Any guidance or help would be apreciated. Hi All, I have a java script invoked within an ANT template. This java script as of now converts a text file to xml file. Now, how would I do the schema validation of that XML file against an XSD in the javascript? Saw many examples online but they were using MSXML or java classes Would be glad to have any sort of suggestions.. Thanks I'm using code at the bottom of this post for form validation. It works well to test that every field is not empty. BUT, I'm trying to prohibit email addresses in the description field. When I use this... Code: else if ( document.add_form.description.value =~ "@" ) ...the script sends up an alert, but then the content in the description field is completely erased and replaced with a "-1" which forces people to lose what they entered. How can I simply put up an alert that leaves the content in the description field? Here's the full code: Code: <script type="text/javascript">
<!--
function validate_form ( )
{
valid = true;
if ( document.add_form.title.value == "" )
{
alert ( "Please fill in the 'Title' field." );
valid = false;
}
else if ( document.add_form.description.value == "" )
{
alert ( "Please fill in the 'Description' field." );
valid = false;
}
else if ( document.add_form.description.value =~ "@" )
{
alert ( "Please fill in the 'Description' field." );
valid = false;
}
else if ( document.add_form.address1.value == "" )
{
alert ( "Please fill in the 'Address' field." );
valid = false;
}
else if ( document.add_form.city.value == "" )
{
alert ( "Please fill in the 'City' field." );
valid = false;
}
else if ( document.add_form.state.selectedIndex == 0 )
{
alert ( "Please select a State." );
valid = false;
}
else if ( document.add_form.zip.value == "" )
{
alert ( "Please fill in the 'Zip Code' field." );
valid = false;
}
return valid;
}
//-->
</script>
Thanks! Hi everyone, this is my first thread on the forum. . I am having issues with a form I am trying to validate. It validates on a remote server (WAMP) I have set up on my laptop but when I attempt it on another server it will not work. The code is as follows: <script type="text/javascript"> function validateForm() { var x=document.forms["pass"]["npass"].value var y=document.forms["pass"]["password"].value if (x==null || x=="") { alert("Please enter your new password"); return false; } if (y==null || y=="") { alert ("Please confirm your new password"); return false; } else alert("Some message"); } </script> <form name="pass" action="#" method="post" onsubmit="validateForm()"> <input name="npass" type="password"> <input name="password" type="password"> <input type="submit" value="Submit"> My browser is also configured to accept javascript. Any help would be very much appreciated. Thanks in advance, tdsrogers |
|||||||