Solved

restrict the user to eneter numbers,alpahbets and @ in a input box...

Posted on 2001-08-09
10
209 Views
Last Modified: 2007-12-19
Hi,
How can i restrict the user to eneter numbers,alpahbets and @ in a input box.

George
0
Comment
Question by:knightrgv
  • 4
  • 3
  • 2
  • +1
10 Comments
 
LVL 3

Accepted Solution

by:
CyberSoft earned 50 total points
ID: 6368205
Hi knightrgv

This should give you a good idea how to do it using Regular Expressions.

<!-- ----- code example starts here ----- -->
<html>
<head>
     <title>Email validation example</title>
     <script language="JavaScript">
          var emailexp = /^[a-z][a-z_0-9\.]+@[a-z_0-9\.]+\.[a-z]/i
         
          function isValid(pattern, str)
          {
               return pattern.test(str)
          }
         
          function validateEmail(emailField)
          {
               if (!isValid(emailexp, emailField.value))
               {
                    alert("Invalid email")
                    emailField.focus()
                    return false
               }
               
               return true
          }
     </script>
</head>

<body>

Email address must be of the form something@somewhere.somewhereelse
<BR>
(ie as long as it has something before the @ symbol as well as something after
<BR>
the @ symbol a period and something after the priod, each of any length)
<BR><BR>
<form id="frm" name="frm" method="post" action="nextPage.html" onsubmit="return validateEmail(document.forms['frm'].txtEmail)">
     Email: <input type="text" name="txtEmail" id="txtEmail">
     <input type="submit" value="Submit" name-"submit">
</form>

</body>
</html>

<!-- ----- code example ends here ----- -->


Regards,
CyberSoft
0
 

Author Comment

by:knightrgv
ID: 6368349
Hi,
I am sorry. But i am not able to interpret this
var emailexp = /^[a-z][a-z_0-9\.]+@[a-z_0-9\.]+\.[a-z]/i

I only want the user to restricy the user from entering anything other than
1.numbers
2.alphabets
3.@

Can you help some more?

Thanks again,
Knightrgv
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 6368379
function checkVal(obj)
{
    var validCharacters="abcdefghijklmnopqrstuvwxyz";
    var curVal = obj.value;
    var tmpVal = ""
    var bValid = true;
    for(i=0;i<curVal.length;i++)
     if(validCharacters.indexOf(curVal.charAt(i))<0)
       tmpVal += curVal.charAt(i);
     else bValid=false
    if(bValid==false)
    {
       alert("illegal characters encountered");
       obj.value=tmpVal;
    }    
}

and call it like
<input type=text onKeyUp="checkVal(this)">

Regards,
CJ
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 6368383
oh, and add any valid characters to the validCharacters variable.
0
 
LVL 3

Expert Comment

by:CyberSoft
ID: 6368388
That is exactly what that bit of code will do. It's called regular expressions. What that line means is that will allow characters (a to z) and numbers (0 to 9) as well as one @ symbol and at least one period (.)

Regards,
CyberSoft
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 

Author Comment

by:knightrgv
ID: 6369377
Hi,
Thank you for the code. But one more problem.

How come i am able to enter only one character in my input box? What should i change to enter more than one.

Knightrgv
0
 
LVL 1

Expert Comment

by:labcoat
ID: 6369620
knightrgv,

the original comment by CyberSoft gave you WILL work.

He is right, it is a regular expression which is the most efficient way to do any sort of [string] validation/manipulation.

You can also enter more than one character in his example.

Cut-n-paste it and test it - see for your self.

You should give him credit for that comment.

--labcoat
0
 
LVL 3

Expert Comment

by:CyberSoft
ID: 6369664
Thanks labcoat - an added advantage is it's also cross-browser compatible.

Regards,
CyberSoft
0
 

Author Comment

by:knightrgv
ID: 6372377
The code worked great. Thank you.
0
 
LVL 3

Expert Comment

by:CyberSoft
ID: 6372401
Always a pleasure to help out. After all thats why we're here.

Regards,
CyberSoft
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now