Only allow Numbers in input Tag without Javascript

Question

I am fairly new  I am creating a webpage that ask a user for their ID  I want it to be a required field and only allow numbers   I appreciate if you lead me in the correct direction  this is what I have so far    lt    Page Language  C   Inherits  System Web Mvc ViewPage lt dynamic gt     gt    lt  DOCTYPE html gt    lt html gt   lt head runat  server  gt     lt title gt Search lt  title gt   lt  head gt   lt body gt    lt div gt     lt table align  center  gt       lt tr gt           lt td class  label  gt              Enter ID           lt  td gt            lt td gt               lt input type  text  name  UserId  id  UserId    gt           lt  td gt        lt  tr gt      lt  table gt     lt  div gt    lt  body gt   lt  html gt

User · Accepted Answer

Though it s probably suggested to get some heavier validation via JS or on the server  HTML5 does support this via the pattern attribute    lt input type   text  name   name  pattern    0-9    title   Title   gt

User · Answer

Of course  you can t fully rely on the client-side  javascript  validation  but that s not a reason to avoid it completely  With or without it  you have to do the server-side validation anyway  since the client can disable javascript   And that s just what you re left with  due to your non-javascript solution constraint    So  after a submit  if the field value doesn t pass the server-side validation  the client should end up on the very same page  with additional error message specifying the requested value format  You also should provide the value format information beforehands  e g  as a tool-tip hint  title attribute    There s most certainly no passive client-side validation mechanism existing in HTML 4   XHTML   On the other hand  in HTML 5 you have two options    input of type number    lt input type  number  min  xxx  max  yyy  title  Format  3 digits    gt     ndash  only validates the range  ndash  if user enters a non-number  an empty value is submitted  ndash  the field visual is enhanced with increment   decrement controls  browser dependent  the pattern attribute    lt input type  text  pattern   0-9  3   title  Format  3 digits    gt   lt input type  text  pattern   d 3   title  Format  3 digits    gt     ndash  this gives you a full contorl over the format  anything you can specify by regular expression   ndash  no visual difference   enhancement   But here you still rely on browser capabilities  so do a server-side validation in either case

User · Answer

Try this with the   after  0-9    input type  text  pattern   0-9    title  number only

[html] Only allow Numbers in input Tag without Javascript

Examples related to html

Examples related to asp.net-mvc-3

Examples related to input