Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.
Invalid Character Entered Error Works in MSIE but not Netscape
The following script shows the user an alert message if he enters a dash (-) in the input field. This works nicely in MSIE, but not in Netscape. Can someone make this work in both browsers? Actually, the alert box appears in netscape nicely, but the resulting page appears. I should not be take to the next page unless I have entered a lowercase letter(s) or UPPERCASE letter(s):
<script>
function validate(field) {
//var valid = "abcdefghijklmnopqrstuvwxy
var valid = "abcdefghijklmnopqrstuvwxy
var ok = "yes";
var temp;
for (var i=0; i<field.value.length; i++) {
temp = "" + field.value.substring(i, i+1);
if (valid.indexOf(temp) == "-1") ok = "no";
}
if (ok == "no") {
alert("Name is invalid (numbers and special characters are not allowed)");
field.focus();
field.select();
}
}
</script>
<input type="text" name="namex" onBlur="validate(this)"
<script>
function validate(field) {
//var valid = "abcdefghijklmnopqrstuvwxy
var valid = "abcdefghijklmnopqrstuvwxy
var ok = "yes";
var temp;
for (var i=0; i<field.value.length; i++) {
temp = "" + field.value.substring(i, i+1);
if (valid.indexOf(temp) == "-1") ok = "no";
}
if (ok == "no") {
alert("Name is invalid (numbers and special characters are not allowed)");
field.focus();
field.select();
}
}
</script>
<input type="text" name="namex" onBlur="validate(this)"
Asked:
-
3
-
3
1 Solution
Lord_McFly, I wonder if you can expand of this so that if the user enters an unrealistic name which does not contain any vowels (i.e., a,e,i,o, OR u) such as dffdffsdsfdfs, then the script will erase what he has entered and do not pass the form until he has entered a word which contains at least 1 vowel.
Ok I couldn't do it in the same function so I've done the validation when the form is submitted. If the text lacks any vowels it will display an alert but won't allow the page to submit.
<html>
<head>
<title>Example</title>
<script language="JavaScript">
<!--
function ValidateKeyStroke(Input)
{
var control="abcdefghijklmnopq
var newInput="";
for(i=0;i<Input.value.leng
{
chck=Input.value.charAt(i)
if(control.indexOf(chck,0)
{
newInput+=chck;
}
}
Input.value = newInput;
}
function CheckForm(Form)
{
var control="aeiouAEIOU"
var chck
var i
var ok = false
for(i=0; i<Form.Name.value.length; i++)
{
chck=Form.Name.value.charA
if(control.indexOf(chck,0)
{
ok = true
}
}
if(ok==false)
{
alert("Name seems invalid")
}
return ok
}
//-->
</script>
</head>
<body>
<form name="Data" method="post" action="../ASP/UsingDATEDI
<input type="text" name="Name" onKeyUp="ValidateKeyStroke
</form>
</body>
</html>
<html>
<head>
<title>Example</title>
<script language="JavaScript">
<!--
function ValidateKeyStroke(Input)
{
var control="abcdefghijklmnopq
var newInput="";
for(i=0;i<Input.value.leng
{
chck=Input.value.charAt(i)
if(control.indexOf(chck,0)
{
newInput+=chck;
}
}
Input.value = newInput;
}
function CheckForm(Form)
{
var control="aeiouAEIOU"
var chck
var i
var ok = false
for(i=0; i<Form.Name.value.length; i++)
{
chck=Form.Name.value.charA
if(control.indexOf(chck,0)
{
ok = true
}
}
if(ok==false)
{
alert("Name seems invalid")
}
return ok
}
//-->
</script>
</head>
<body>
<form name="Data" method="post" action="../ASP/UsingDATEDI
<input type="text" name="Name" onKeyUp="ValidateKeyStroke
</form>
</body>
</html>
Hmm... your code seems to work awesome as standalone, but when I add it to my existing page (http://www.worldwidelists.com/cgi-bin/lists.cgi?popup.test) and submit, I do not get the alert box. Any ideas why?
By the way, thank you so much for all your help!
L
By the way, thank you so much for all your help!
L
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
Featured Post
This course teaches how to install and configure Windows Server 2012 R2. It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).
Tackle projects and never again get stuck behind a technical roadblock.
Join Now
I offer a slightly different script which will not allow unwanted characters whcih means when the page does move on the field won't contain invalid characters.
function ValidateKeyStroke(Input)
{
var control="abcdefghijklmnopq
var newInput="";
for(i=0;i<Input.value.leng
{
chck=Input.value.charAt(i)
if(control.indexOf(chck,0)
{
newInput+=chck;
}
}
Input.value = newInput;
}
<input type="text" onKeyUp="ValidateKeyStroke