Question

I would like to do validate elements WITHOUT using any validation plugin. To start with, I defined:

<input type='number' required="required" id='amt_elmt' name='amt_elmt' />

But I can still type any text in this control (I expected only number can be typed inside it); it accepts blank value also.

What additional code might be required?

Answer 1

as others have mentioned Forms 2.0 or the new HTML5 input types are not supported by all browsers (see this link).

I recently answered another question dealing with the HTML 5 form elements. None of my desktop browsers (FF, Chrome, IE) or my mobile browsers (FF, Android default browser) attempted to validate that I was using numbers, or restricted it to numbers.

Your best bet is a javascript client side validations like jquery.validate or any other number of libraries to accomplish validation.

Edit: The link is to Microsoft’s validation library that comes with Visual Studio but you can download it from there website and it works quite well. I can post code on how to use it if you need it

Edit2: Codez http://jsfiddle.net/qxsS8/