Check input box for number or text string [duplicate]

Question

I'm implementing logic to use a url for a query parameter, based on whether the user enters a series of numbers or letters. If the user enters a number, the first urlLocation should be used, otherwise the second one should be used. Trying to use a regex for the first one, but I'm not sure how to implement that one correctly.

<input id="imageid" type="text" />

if ($("#imageid").val() == '/[^0-9\.]/') {
    var urlLocation = "http://www.url.com/rest/v1/cms/story/id/" + imageid.value + "/orientation/" + orientation;
} else {
    var urlLocation = "http://www.url.com/rest/v1/cms/story/guid/" + imageid.value + "/orientation/" + orientation;
}

JSFIDDLE EXAMPLE: Link

What you have there is a string comparison, not a regex.

j08691
– j08691

2015-04-24 14:57:42 +00:00
Commented Apr 24, 2015 at 14:57 — j08691
– j08691, Commented Apr 24, 2015 at 14:57
/^\d+$/.test($("#imageid").val())

lshettyl
– lshettyl

2015-04-24 15:03:22 +00:00
Commented Apr 24, 2015 at 15:03 — lshettyl
– lshettyl, Commented Apr 24, 2015 at 15:03

tymeJV · Accepted Answer · 2015-04-24 14:57:42Z

5

Just use isNaN to check for a number or not:

var val = $("#imageid").val();
if (isNaN(val)) {
    //Not a number!
} else {
    //Number!
}

answered Apr 24, 2015 at 14:57

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ifch0o1 Over a year ago

Yep. jsfiddle.net/ifch0o1/422jfv93/2 for example.

Matt Over a year ago

Ah, I had tried that previously, but incorrectly. That works, thanks.

Evan Knowles · Accepted Answer · 2015-04-24 14:58:58Z

1

You could use a regex, although you'd probably want to change it to include a star.

Your other option could be to convert it to a number and see if it is still equal to itself -

var val = $("#imageid").val();
if (+val == val) {

answered Apr 24, 2015 at 14:58

Evan Knowles

7,5592 gold badges41 silver badges73 bronze badges

Comments

Pedro Lobito · Accepted Answer · 2015-04-24 15:18:54Z

You may be looking for something like:

<form id="myForm">
<input id="imageId" type="text" />
<input type="submit">
</form>

$(document).on('submit','#myForm',function(){
if (/^[\d]+$/.test($("#imageId").val())) {
var urlLocation = "http://www.url.com/rest/v1/cms/story/id/" + imageid.value + "/orientation/" + orientation;
} else {
var urlLocation = "http://www.url.com/rest/v1/cms/story/guid/" + imageid.value + "/orientation/" + orientation;
}
});

CODEPEN DEMO

Regex Explanation:

^[\d]+$
-------

Assert position at the beginning of a line (at beginning of the string or after a line break character) (line feed, line feed, line separator, paragraph separator) «^»
Match a single character that is a “digit” (ASCII 0–9 only) «[\d]+»
   Between one and unlimited times, as many times as possible, giving back as needed (greedy) «+»
Assert position at the end of a line (at the end of the string or before a line break character) (line feed, line feed, line separator, paragraph separator) «$»

Collectives™ on Stack Overflow

Check input box for number or text string [duplicate]

3 Answers 3

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Linked

Related