Solved

Only allow numbers, dashes (-) and comma's (,) in text field

Posted on 2013-01-04

JavaScript

1 solution

350 Views

Last Modified: 2013-01-04

Hi,

I would like to only allow numbers, dashes (-) and comma's (,) to be entered into a text field.

How should i do this? Without the use of jQuery please.

Thanks!

Comment

Question by:peps03

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

3 Comments

LVL 33

Expert Comment

by:Big Monty

ID: 387438422013-01-04

try this:

var someName = document.getElementById("sometextField");
if(/^[-,a-z0-9-]+$/i.test(someName.value))
{
alert('Name can only be alpha numeric with hypen or comma.');
return;
}

LVL 82

Accepted Solution

by:leakim971

leakim971 earned 500 total points

ID: 387438672013-01-04

Test page : http://jsfiddle.net/Cnc6V/

function f1(evt)  {
    var e = event || evt;
    var c = e.which || e.keyCode;
    return !( (c<48||c>57) && c!=45 && c!=44 );
}¿

Open in new window

with :

<input type="text" onkeypress="return f1(event)" />¿

Open in new window

Author Closing Comment

by:peps03

ID: 387438892013-01-04

Thanks!!!

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Javascript number formating

Article by: Ivo

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…

JavaScript

How to Become a Web Developer

Article by: Ryan

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?

Introduction to jQuery (Part 1)

Video by: Jason

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)

Introduction to jQuery (Part 2)

Video by: Jason

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…