|
JavaScript - Validate Forms And Check E-mail Is Correct.
Hi guys, having a problem with my javascript code... I need it to check that the name, email and message field have been filled out (which currently works fine) but also to check that the email is a valid address.
This is my attempt at doing this, it works with the fields not being filled out, but does check that the email is valid? Any help appreciated. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html/javascript; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript">
var FormName = "theForm";
var RequiredFields = "name, email, message";
function ValidateRequiredFields()
{
var FieldList = RequiredFields.split(",")
var BadList = new Array();
for(var i = 0; i < FieldList.length; i++) {
var s = eval('document.' + FormName + '.' + FieldList[i] + '.value');
s = StripSpacesFromEnds(s);
if(s.length < 1) { BadList.push(FieldList[i]); }
}
if(BadList.length < 1) { return true; }
var ess = new String();
if(BadList.length > 1) { ess = 's'; }
var message = new String('\n\nThe following field' + ess + ' are required:\n');
for(var i = 0; i < BadList.length; i++) { message += '\n' + BadList[i]; }
alert(message);
return false;
}
function StripSpacesFromEnds(s)
{
while((s.indexOf(' ',0) == 0) && (s.length> 1)) {
s = s.substring(1,s.length);
}
while((s.lastIndexOf(' ') == (s.length - 1)) && (s.length> 1)) {
s = s.substring(0,(s.length - 1));
}
if((s.indexOf(' ',0) == 0) && (s.length == 1)) { s = ''; }
return s;
}
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;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false;}
}
}
/*I found this javascript from http://www.willmaster.com/library/manage-forms/making-form-fields-required.php and customized it so it works with the fields on my page.
I tried using the w3schools code but found that I could only make one field validate at a time, I had trouble making multiple fields validate at once so looked at different websites and found this one works with the fields - name, email and message.*/
</script>
<link rel="stylesheet" type="text/css"
href="charity.css" >
<title>Charity form</title>
</head>
<body>
<div id="mainContentArea">
<div id="contentBox">
<div id="title">The 'MAA'</div>
<div id="linkGroup">
<div class="link"><a href="charity.htm">Home</a></div>
<div class="link"><a href="pictures.htm">Images</a></div>
<div class="link"><a href="links.htm">Links</a></div>
<div class="link"><a href="enquiry.htm">Contact</a></div>
</div>
<div id="blueBox">
<div id="header"></div>
<div class="contentTitle">Contact Marmite Addicts Anonymous</div>
<div class="pageContent">
<form
name="theForm"
onsubmit="return ValidateRequiredFields(); return validate_form(this)"
method="post"
action="charityFormMail.php">
<b>*Enter your name:</b><br>
<input type="text" name="name" value="" size="20"><br>
<b>*Enter your email:</b><br>
<input type="text" name="email" value="" size="20"><br>
<b>*Enter your message:</b><br>
<textarea name="message" rows="5" cols="20">
</textarea><br>
<b>Your age:</b><br>
<select name="Age">
<option value="0-20">0-20</option>
<option value="21-30">21-30</option>
<option value="31-40">31-40</option>
<option value="41-50">41-50</option>
<option value="51-60">51-60</option>
<option value="60+">60+</option>
</select>
<br><br>
<b>Gender:</b><br>
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female<br><br>
<b>How do you like your marmite?:</b><br>
<input type="checkbox" name="check" value="On toast. "> On toast!
<input type="checkbox" name="check1" value="In spaghetti. "> In spaghetti!
<input type="checkbox" name="check2" value="On everything. "> On everything!
<input type="checkbox" name="check3" value="Other"> Other...
<br><br>
<center>
<div align="center" class="submit">
<input type="submit" value="Send" alt="send">
<input type="reset" value="Reset" alt="clear">
</div>
</center>
</form>
<br>
</div>
</div>
</div>
</div>
<br>
</body>
</html>
Similar Tutorialshiiii, im new to javascripts . Can anyone help me to know that a javascript which is validating a phone number accepts only digits but if the text field is left empty it should accept the entry as an empty entry.... plz share knowledge u will be more knowledgeable Hello all, I have a form that submits a POST request when data is submitted. A Servlet then processes this POST request and a JavaBean is used to make some calculations. The HTML response is not generated within the Servlet but instead I forward the request to a JSP to generate the response. - This all works fine, thankfully. However, I am stupidly suck trying to validate the form on the client side with a JavaScript function before the form is submitted. Here is my index.jps: Code: <%--
Document : index
Created on : 19-Nov-2009, 13:41:30
Author : lk00043
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/JavaScript">
<!-- Start hiding JavaScript Statements
function validateForm() {
var student;
var score1, score2, score3, score4;
student = document.getElementById('student');
s1 = document.getElementById('score1');
s2 = document.getElementById('score2');
s3 = document.getElementById('score3');
s4 = document.getElementById('score4');
score1 = parseInt(s1.value);
score2 = parseInt(s2.value);
score3 = parseInt(s3.value);
score4 = parseInt(s4.value);
if(student.value.length == 0) {
document.getElementById('StudentError1').innerHTML = " Enter a student name!";
return false;
}
if ((isNaN(score1)) || (score1 < 0) || (score1 > 100)) {
document.getElementById('Error1').innerHTML = " Enter a number between 0 and 100!";
return false;
}
if ((isNaN(score2)) || (score2 < 0) || (score2 > 100)) {
document.getElementById('Error2').innerHTML = " Enter a number between 0 and 100!";
return false;
}
if ((isNaN(score3)) || (score3 < 0) || (score3 > 100)) {
document.getElementById('Error3').innerHTML = " Enter a number between 0 and 100!";
return false;
}
if ((isNaN(score4)) || (score4 < 0) || (score4 > 100)) {
document.getElementById('Error4').innerHTML = " Enter a number between 0 and 100!";
return false;
}
}
// End hiding JavaScript Statements -->
</script>
<title>Lab Class 7 - Task 2</title>
</head>
<body>
<h1>Lab Class 7</h1>
<form name="collectgrades" action="AssessGrades" method="POST" onSubmit="validateForm()" >
Name of Student: <input type="text" name="student" id="student"/><span id="StudentError1"> </span><br />
Presentation: <input type="text" name="score" id="score1"/><span id="Error1"> </span><br />
Writing style: <input type="text" name="score" id="score2"/><span id="Error2"> </span><br />
Technical content: <input type="text" name="score" id="score3"/><span id="Error3"> </span><br />
Depth of analysis: <input type="text" name="score" id="score4"/><span id="Error4"> </span><br />
Feedback:<select name="feedback" size="4" multiple="multiple">
<option>"Could be better structured."</option>
<option>"Depth of analysis is good."</option>
<option>"Very advanced material."</option>
<option>"Very well structured."</option>
</select><br />
<input type="submit" value="Submit" />
</form>
</body>
</html>
Regardless of whether incorrect input is given, the data is still POSTed to the server and calculated on or a Server Side error is given. Am I correct in calling the function onClick? The validation essentially needs to be so that: - Student field contains a string - Score1, Score2, Score3 and Score 4 contain a number between 0 and 100 Any help is most appreciated, Cheers, Beetle. I'm using the autofill forms plugin for firefox which can be found he https://addons.mozilla.org/en-US/firefox/addon/4775 I use it to automatically fill various web forms, duh. But I would like certain values to be chosend randomly from a list I create. I contacted the developer and he said the add on probably does not need a new feature because there is a 'dynamic tags' function to fill certain forms with dynamic values (e.g. the current time or date). He has given over the project to another developer and told me I probably would find a solution in a good javascript programming forum. So here I am! Can anyone help me with this? Basically, I just need a javascript code which chooses on item from an array randomly, I guess? I'm not a programmer myself, so any help would be greatly (!) appreciated. Thanks a lot in advance for any further guidance! Note: Here are sample dynamic tags from the plugin: <datetime> new Date().toLocaleString() <useragent> navigator.userAgent <langcode> navigator.language <resolution> screen.width+'x'+screen.height <clipboard> this.getClipboardText() On this webpage http://www.corkdiscos.com/testimonials.html i have a like button. when a user clicks like a comment box appears. when i unlike the button the comment box disappears this is ok but when a user has already liked the facebook page and comes to my webpage the comment box does not show. so im looking for a piece of javascript to check if a user has like the button on my page and if so to show the comment box. please check my source code of the website http://www.corkdiscos.com/testimonials.html to see what i have so far. any help would be greatly appreciated Hi guys. I'm working a bunch of pre existing code on a CMS. Just after a quick fix. Doing a show/hide thing on a particular div somewhere on the page depending if a checkbox is ticked or not. Currently there is 3 checkboxes that are dynamically added through the CMS. Here's simplified version of the form: Code: <form id="simplesearch" name="simplesearch"> <input type="checkbox" onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="5" class="input-checkboxes" /> <input type="checkbox" onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="4" class="input-checkboxes" /> </form> And here's the javascript I was playing with. Code: function showhidefield(id)
{
if(document.simplesearch.meta_data_array_search_criteria[custom_profile_type][''].checked) {
document.getElementById("profile_fields_wrapper_" + id).style.visibility = "visible";
}
else
{
document.getElementById("profile_fields_wrapper_" + id).style.visibility = "hidden";
}
}
Problem I'm having is how do i do a check to see if those checkboxes are checked in the javascript with those name arrays? How do i separate them? 'm guessing I have to loop through them or something?Hopefully that make senses - it's late here and I'm losing the plot Any pointers would be gratefully welcomed I am trying to make validation for a form but the bit I am stuck on now is: Code: <input class="submit" type="submit" value="Submit" id="submit" name="submit" onclick="return validate();" /> Do I have to add 'verify' instead of the 'validate' I mean is this a set thing in JS as I want it to go to the JavaScript code which is validate.js I should add that the form is XHTML and there is also a captcha with it. So I would not know how to add the onsubmit to the beginning of the form. hi, I would to validate a textbox, and limit it to 3alphabets and 3 numbers. That is after the user have input 3 alphabets, he can only enter 3 numbers and nothing more. Can someone help me out? I am trying to create an onChange action that will validate that confirmation checkbox has been checked, and if not, popup an alert message and put the focus on the checkbox input and change the class of the container DIV to "highlight". Here is the form, with the 'onchange' trigger: Code: <form id="checkout" name="my_form" method="post" action="!---SCRIPT_NAME---" onsubmit="return validForm(this);"> <div id="verification" class="aligncenter required"> <input type="checkbox" id="verified" name="verified" value="" /> <label for="verified">YES</label>, the items and quantities shown above are correct.</div> <div class="required"><label for="name">Name:</label><input id="name" name="contactname" type="text" class="L" onchange="" /></div> <div class="required"><label for="company">Company Name:</label><input id="company" name="company" type="text" class="L" /></div> <div class="buttonRow"><input type="submit" name="VERIFY" class="btn red" value="Continue" /></div> </form> And here is my javascript code: Code: function verifyOrder() {
if (document.my_form.verified.checked != "true") {
alert("Please verify the contents of your order");
document.my_form.verified.focus();
getElementById('document.my_form.verification').className='highlight'
return false;
}
}
But this is not working and generates errors in firebug. What am I doing wrong? Thanks!! All, I have a page that has some checkboxes in it. I have the following function for that: Code: function checkbeforesubmit(field)
{
for (var i = 0; i < field.length; i++){
if(field[i].checked){ // if a field is checked form is submitted
alert("You have checkboxes that are selected. Add the photos before you go to the next set of pictures!");
return false;
}
}
return true; // if no fields are checked form not submitted
}
I then a link to go to the next page and I want to check to see if any checkboxes are selected before I go to the next page. I try and check this by doing this: Code: onClick="checkbeforesubmit(document.photos.elements['picbigid[]'])" It does the check and says that a checkbox is selected but will still go to the next page anyway. How can I stop it from going to the next page? Thanks! How do I fix the problem that autocomplete does not validate, I have heard before that there is a dirty way to do this but did not want to do this before, but now feel i must as my boss wants the site error free ! does anyone know how I do this ? Please see my Booking Form here http://www.n-v-m.co.uk/Booking.html The form is very nearly finished but I have no experience with JavaScript at all so I am hoping somebody can tell me how to do the finishing touches. All I require is: 1- On clicking the 'Submit order' button I would like the browser to check to see if the 'Is Vehicle roadworthy with full M.O.T.:' List/Menu is set to 'Yes' and if not it needs to return an alert stating it must be set to 'Yes' to proceed... Somebody kindly helped show me how to do the alert before so this is working, but, the problem at the moment is after clicking 'OK' to close the alert, the form is still submitted. At this point instead of the form being submitted I would just like the browser to return to the form. 2- There is a checkbox on the bottom of the form that states 'I agree with the Terms and Conditions'... To be able to proceed with a booking I need the customer to check the box... On clicking 'Submit order' if the box isn't checked I would like an alert to appear and the form not to be submitted. 3. When both the above criteria have been met and the form is ready to submit... I would like the browser to re-direct to http://www.n-v-m.co.uk/Thankyou.html which is a page I have already created on my server. Thanks for taking your time to read this... If it helps I have posted both my HTML and PHP codes below: Booking.html 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>National Vehicle Movements - Booking Form</title>
<style type="text/css">
<!--
body {
background-color: #1d255f;
margin: 0px;
padding: 0px;
}
#apDiv1 {
position:absolute;
width:487px;
height:706px;
z-index:auto;
left: 50%;
top: 433px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
textarea-align: center;
background-position: center;
margin-left: -244px;
}
-->
</style>
<script type='text/javascript'>
function isValid() {
var box = document.getElementById('Is Vehicle Roadworthy with Full M.O.T.');
if(box.value = 'no') {
alert('The vehicle must be roadworthy with full M.O.T');
return false;
}
}
</script>
</head>
<body>
<div align="left">
<div id="apDiv1">
<form id="form1" name="form1" method="post" action="sendform.php" onsubmit='validatethis()'>
<table width="400" border="0" align="center">
<tr>
<td width="193" align="right">Company:</td>
<td width="197" align="left"><input type="text" name="company" id="Company" /></td>
</tr>
<tr>
<td align="right">Name:</td>
<td align="left"><input type="text" name="name" id="Name" /></td>
</tr>
<tr>
<td align="right">Phone Number:</td>
<td align="left"><input type="text" name="phonenum" id="Phone Number" /></td>
</tr>
<tr>
<td align="right">Email Address:</td>
<td align="left"><input type="text" name="email" id="Email" /></td>
</tr>
<tr>
<td align="right">Vehicle Make and Model:</td>
<td align="left"><input type="text" name="vmam" id="Vehicle Make and Model" /></td>
</tr>
<tr>
<td align="right">Vehicle Reg./Ref. No.:</td>
<td align="left"><input type="text" name="vreg" id="Vehicle Reg." /></td>
</tr>
<tr>
<td align="right">Collection Address including Postcode:</td>
<td align="left"><textarea name="colladd" rows="4" id="Collection Address"></textarea></td>
</tr>
<tr>
<td align="right">Collection Contact Name:</td>
<td align="left"><input type="text" name="collconname" id="Collection Contact Name" /></td>
</tr>
<tr>
<td align="right">Collection Contact Number:</td>
<td align="left"><input type="text" name="collconnum" id="Collection Contact Number" /></td>
</tr>
<tr>
<td align="right">Delivery Address including Postcode:</td>
<td align="left"><textarea name="deladd" rows="4" id="Delivery Address"></textarea></td>
</tr>
<tr>
<td align="right">Delivery Contact Name:</td>
<td align="left"><input type="text" name="delconname" id="Delivery Contact Name" /></td>
</tr>
<tr>
<td align="right">Delivery Contact Number:</td>
<td align="left"><input type="text" name="delconnum" id="Delivery Contact Number" /></td>
</tr>
<tr>
<td align="right">Collection Date/Time:</td>
<td align="left"><input type="text" name="collectiondt" id="Collection Date/Time" /></td>
</tr>
<tr align="center">
<td colspan="2" valign="top"><em>(if possible please give a time window eg. '7th - 9th August' and we will arrange collection for you)</em></td>
</tr>
<tr>
<td align="right">Delivery Date/Time:</td>
<td align="left"><input type="text" name="deliverydt" id="Delivery Date/Time" /></td>
</tr>
<tr align="center">
<td colspan="2" valign="top"><em>(if possible please give a time window eg. '7th - 9th August' and we will arrange delivery for you)</em></td>
</tr>
<tr>
<td align="right">Is Vehicle Taxed:</td>
<td align="left"><select name="Taxed" id="Is Vehicle Taxed">
<option>Yes</option>
<option selected="selected">No</option>
</select></td>
</tr>
<tr>
<td align="right">Is Vehicle roadworthy with full M.O.T.:</td>
<td align="left"><select name="mot" id="Is Vehicle Roadworthy with Full M.O.T.">
<option>Yes</option>
<option selected="selected">No</option>
</select></td>
</tr>
<tr>
<td align="right">Billing Address:</td>
<td align="left"><textarea name="billadd" rows="3" id="Billing Address"></textarea></td>
</tr>
<tr align="center">
<td colspan="2" valign="top"><em>(if same as collection or delivery address please enter 'collection' or 'delivery')</em></td>
</tr>
<tr>
<td align="right">Your Ref./Order No. (if any):</td>
<td align="left"><input type="text" name="custordnum" id="Customer Ref./Order No." /></td>
</tr>
<tr>
<td align="right">Any additional comments:</td>
<td align="left"><textarea name="addcom" rows="3" id="Any additional comments"></textarea></td>
</tr>
<tr align="center" valign="middle">
<td colspan="2">
<p>
<input type="checkbox" name="checkbox" id="checkbox" />
I agree with the <u><a href="Terms.html">Terms and Conditions</a></u></strong></p>
<p> </p></td>
</tr>
<tr align="center">
<td colspan="2"><input type="submit" name="button" id="button" value="Submit order" onclick="isValid()" />
<input type="reset" name="button2" id="button2" value="Reset form" /></td>
</tr>
</table>
</form>
</div>
</div>
<div align="center"><img src="images/Booking_03.jpg" width="680" height="1352" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="36,155,158,173" href="index.html" alt="Home" />
<area shape="rect" coords="29,174,151,189" href="Prices.html" alt="Prices" />
<area shape="rect" coords="475,191,578,206" href="mailto:info@n-v-m.co.uk" alt="Email us" />
</map>
</div>
</body>
</html>
sendform.php Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<?php
$Name = $_POST['name']; //senders name
$to = "info@n-v-m.co.uk"; //recipient
$subject = "Order from ".$_POST['company']." (".$_POST['name'].")"; //subject
$message = $_POST['company']."|".$_POST['name']."|".$_POST['phonenum']."|".$_POST['email']."|".$_POST['vmam']."|".$_POST['vreg']."|".$_POST['colladd']."|".$_POST['collconname']."|".$_POST['collconnum']."|".$_POST['deladd']."|".$_POST['delconname']."|".$_POST['delconnum']."|".$_POST['collectiondt']."|".$_POST['deliverydt']."|".$_POST['Taxed']."|".$_POST['billadd']."|".$_POST['custordnum']."|".$_POST['addcom']; //mail body
$from = "NVM Booking Form"; //
$headers = "From: ".$from."\r\n"; //optional headerfields
mail($to, $subject, $message, $headers); //mail command :) you can add any variable here... I know you have so many, but it is possible...
if(mail)
echo "Booking confirmed. Thank You!";
else
echo "Sorry We Can't Proceed, Please Try After Some Time!";
?>
</BODY>
</HTML>
I have a group of checkboxes named "list[]". I want to validate that at least one is checked. How can I do this?
Is there a y regular expression which we can use in JavaScript to validate URL? Or any other type of validation to validate URL which has http or https?
I have this script to validate contact form fields. It works fine for checking that fields are not blank. I added the valid email code, which I copied from the w3schools web site. But, it does not work. I am confused about how to reference the email form field name. That is really the only thing I changed, that is, I added the frm.elements to the email variable. Can anyone please help? Thanks! Code: function validate_form(frm)
{
frm.elements.name.className = "input";
frm.elements.email.className = "input";
frm.elements.subject.className = "input";
frm.elements.comments.className = "input";
var errors=0;
//
// NAME cannot be blanks
//
if (isBlank(frm.elements.name.value)) {
frm.elements.name.className = "inputreq";
errors++;
}
//
// EMAIL ADDRESS cannot be blanks
//
if (isBlank(frm.elements.email.value)) {
frm.elements.email.className = "inputreq";
errors++;
}
//
// SUBJECT cannot be blanks
//
if (isBlank(frm.elements.subject.value)) {
frm.elements.subject.className = "inputreq";
errors++;
}
//
// COMMENTS cannot be blanks
//
if (isBlank(frm.elements.comments.value)) {
frm.elements.comments.className = "inputreq";
errors++;
}
//
// EMAIL ADDRESS appears invalid
//
if (validate_email(frm.elements.email.value,"Not a valid e-mail address!")==false) {
alert("TEST");
frm.elements.email.focus();
return false;
}
//
// Errors
//
if (errors>0) {
alert("Please enter all fields!");
return false;
}
//No errors
//frm.submit();
}
function isBlank(value)
{
regexp = /^\s*$/
return (value==null || regexp.test(value));
}
// Validate email address
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;}
}
}
Why is it when I have multiple "list" values the function works fine but when there is only one "list" value it tells me to "Select a Record" even when it is selected. Code: <script>
function listValuesexcel(form)
{
var cbs = form["list[]"];
var vals = ""
for ( var c = 0; c < cbs.length; ++c )
{
var cb = cbs[c];
if ( cb.checked ) vals += "," + cb.value;
}
if (vals.substring(1) == "") {
alert('Please select a record!');
return false;
}
document.excelForm.excelForm.value = vals.substring(1)
document.excelForm.submit();
}
</script>
<ul>
<li><a onClick="listValuesexcel(theForm)" title="Excel Report" href="#" > Excel</a></li>
<BR>
<!-- END TABS -->
<form method="POST" action="index.php" name="theForm" >
<table>
<tr>
<td> <input type="checkbox" class ="normal2" value="1198746" name="list[]" ></td>
</tr>
</form>
Arrrgggghhhhhhhhh - help.... - LOL Now I've got that over with, hope someone can help. Am just learning regular expressions and am trying to validate UK format telephone numbers (have had an extensive look on the web and only examples I can find are US tests). Anyway, I want to learn to do it myself. UK phone number rules a Must start with a 0 in position 1 Next 2 to 4 characters must be a number Next character can be a space or a dash Next 6 to 9 characters can be a number, space or dash only Anyway, as I say, am new to regular expressions and trying to learn so I tried to write the expression to fit the rules above - see below: Code: ^[0]{1}\d{2,4}\s|-{1}\d|\s|-{6,9}$
My logic (for what it's worth - LOL) tells me this should work, but it doesn't - it accepts letters as well - which I really don't understand yet. Anyway - hope someone can help. Thanks Dominic The below code works ok but need our help to get it perfect. I want the function to validate that after the "@" the user types "wendys.com". Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<SCRIPT>
function validateLP(theForm){
if(theForm.DM_Email){
var checkEmail =theForm.DM_Email.value;
var invalidChars = " /:,;"
if (checkEmail == "") {
alert("Please enter a valid Wendys DM email address.");
theForm.DM_Email.style.backgroundColor='#FFFF99';
theForm.DM_Email.focus();
return false;
}
if (checkEmail != "") { // can be empty
for (i=0; i<invalidChars.length; i++) { // does it contain any invalid characters?
var badChar = invalidChars.charAt(i)
if (checkEmail.indexOf(badChar,0) > -1) {
alert("Please enter a valid Wendys DM email address.");
theForm.DM_Email.style.backgroundColor='#FFFF99';
theForm.DM_Email.focus();
return false;
}
}
var periodPos1 =checkEmail.indexOf(".",1) // there must be one "." symbol
var atPos = checkEmail.indexOf("@",periodPos1-1) // there must be one "." symbol before "@"
var periodPos2 = checkEmail.indexOf(".",atPos)
//periodPos2 = checkEmail.indexOf(".",atPos)
if ( (atPos == -1) || (periodPos2 == -1)){
//return false
alert("Please enter a valid Wendys DM email address.");
theForm.DM_Email.style.backgroundColor='#FFFF99';
theForm.DM_Email.focus();
return false;
}
}
}
}
</SCRIPT>
</head>
<body>
<form method="POST" NAME="theForm" onSubmit="return validateLP(theForm)" action="--WEBBOT-SELF--">
<p><input type="text" name="DM_Email" size="20"></p>
<p> </p>
<p> </p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
</body>
</html>
Hi, i have a problem to validate time range in javascript. i've search in the website and found some example. below is the my coding Code: function timeCheck(){
branchCode = <%=sessionUser.getBranchCode()%>;
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
if (curr_min < 10){
curr_min = "0" + curr_min
}
var currtime = curr_hour + ":" + curr_min;
if(branchCode >= 1 && branchCode <= 5){
st = "7:30"; et = "9:00";
} else if(branchCode >= 6 && branchCode <= 10){
st = "9:01"; et = "10:30";
} else if(branchCode >= 11 && branchCode <= 15){
st = "10:31"; et = "12:00";
} else if(branchCode >= 16 && branchCode <= 20){
st = "12:01"; et = "13:30";
} else if(branchCode >= 21 && branchCode <= 26){
st = "13:31"; et = "15:00";
} else if(branchCode >= 27 && branchCode <= 31){
st = "15:01"; et = "16:30";
} else if(branchCode >= 32 && branchCode <= 71){
st = "16:31"; et = "18:00";
} else {
st = "6:30"; et = "19:00";
}
if(validate_time(currtime,st,et)){
alert("Cannot access this page");
location.href='<%=request.getContextPath()%>/security/welcome.do';
}
}
function validate_time(currtime,st,et ){
currtime = currtime.split(/:/);
st = st.split(/:/);
et = et.split(/:/);
return (
currtime[0] < st[0]
|| currtime[0] > et[0]
|| (currtime[0] == st[0] && currtime[1] < st[1])
|| (currtime[0] == et[0] && currtime[1] > et[1])
);
//return TRUE if time not in range
}
i want to control user's access to the page. they can only access within the range given. example: current time = 10:14 st = 9:01 et = 10:30 When I test, the currtime[0] < st[0] return true. I don't understand why the statement return true. can someone help me? Thanks in advance. Good Afternoon All, I am slowly learning how to validate forms and the next topic I'm learning is the phone feature! My code isn't working and not sure why! I read other opinions and tried to follow some templates but again.. Nothing is working out for me.. Here is the code function validatePhone(fld) { var stripped = document.validatePhone.phoneNumber(/[\(\)\.\-\ ]/g, ''); if (document.validatePhone.phoneNmbr == "") { alert("Do not leave this field blank"); } else if (isNaN(parseInt(stripped))) { alert("Only enter numerical digits only"); } else if (!(stripped.length == 10)) { alert("No More or Less than 10 Digits"); } return error; } <body> <form name="validatePhone" action="" method="get"><br /> <br /> <input type="text" name="phoneNumber" value="" onClick="return validatePhone(fld)"> <br /> <br /> <input type="button" name="button" value="Validate Phone Number" > </form> </body> </html> If you have any suggestions or can provide links of how I can 1-Provide an alert if the field is blank 2-Provide an alert if non numerical digits are entered 3-Provide an alert if more than 10 digits are entered I think I am on the right track but need more of a push.. I'm not seeking a solution, just information to get me on that right track as I am extremely confused. Also.. I feel like I should be using a isDigit function? |
|||||||