Posted 29 January 2009 - 09:48 AM
Posted 29 January 2009 - 10:16 AM
Posted 29 January 2009 - 10:40 PM
New Topic/Question
Reply
MultiQuote
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<!--<style type='text/javascript'>
function testFunc(field, alerttxt)
{
with(field)
{
apos=value.indexOf("@");
dotpos=value.indexOf(".");
if(apos<1 || dotpos-apos<2)
{
alert(alerttxt);
return false;
}
else{return true;}
}
}
function validateForm(thisform)
{
with(thisform)
{
if(testFunc(emails, "BAD EMAIL")==false)
{email.focus(); return false}
}
}
</style>-->
</head>
<body>
<form action="../notepad++/mainpage.html" onsubmit="validateForm(thisform)" method="post">
<table align='left'>
<tr><td align='right'>
Username: <input type="text" name="users" />
</td></tr>
<tr><td align='right'>
Password: <input type="password" name="passes" />
</td></tr>
<tr><td align='right'>
Confirm Password: <input type="password" name="confirmpasses" />
</td></tr>
<tr><td align='right'>
Email: <input type="text" name="emails" />
</td></tr>
<tr><td align='right'>
Confirm Email: <input type="text" name="confirmemails" />
</td></tr>
<tr><td align='center'>
<input type="submit" value="SUBMIT" class="button" />
</td></tr>
</table>
</form>
</body>
</html>
onsubmit="validateForm(thisform)" onsubmit="java script: validateForm(thisform)" onsubmit="java script: return validateForm(thisform)" onsubmit="return validateForm(thisform)"
Posted 30 January 2009 - 02:13 AM
<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var name = document.getElementById('name');
var email = document.getElementById('email');
var addr = document.getElementById('addr');
var phone = document.getElementById('phone');
// Check each input in the order that it appears in the form!
if(isAlphabet(name, "Please enter only letters for your name")){
if(emailValidator(email, "Please enter a valid email address")){
if(isAlphanumeric(addr, "Numbers and Letters Only for Address")){
if(isNumeric(phone, "Please enter a valid Phone Number")){
return true;
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
window.alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
window.alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
window.alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
window.alert(helperMsg);
elem.focus();
return false;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
window.alert(helperMsg);
elem.focus();
return false;
}
}</script>
<form onsubmit='return formValidator' > Name:<br /> <input name="to" value="contact@somewhere.com" type="hidden" /> <input onfocus="this.value=''" name="name" id="name" value="Please Enter Your Name" size="40" type="text" /> <br /> Mail:<br /> <input onfocus="this.value=''" name="email" id="email" value="Enter your e-mail address" size="20" /> <br /> Address:<br /> <input onfocus="this.value=''" value="Address" id="addr" name="addr" size="20" /><br /> Phone:<br /> <input onfocus="this.value=''" value="Phone Number" id="phone" name="phone" size="20" /> <br /> Comment:<br /> <textarea onfocus="this.value=''" wrap="hard" cols="40" rows="5" name="message">Enter your enquiry here</textarea> <br /> <input value="Send" type="submit" /> <input value="Reset" type="reset" /></form>
This post has been edited by thebath: 30 January 2009 - 02:13 AM
Posted 30 January 2009 - 09:56 AM
onsubmit="return validateForm(this);"
|
|
| 