Validate that text field is numeric usiung jQuery

Question

I have a simple issue -- I would like to check a field to see if it s an integer if it is not blank  I m not using any additional plugins  just jQuery  My code is as follows   if     Field   val                if     Field   val   match    0  1-9  0-9                      errors    Field must be numeric  lt br  gt            success   false               It doesn t seem to work  Where am I going wrong   The error I receive is val   is not an object     It turned out that the real issue was that I had my element name set and not the Id

User · Accepted Answer

This should work  I would trim the whitespace from the input field first of all   if     Field   val                var value       Field   val   replace    s s        replace   s s              var intRegex      d         if  intRegex test value             errors     Field must be numeric  lt br  gt            success   false          else       errors     Field is blank  lt  br   gt        success   false

User · Answer

Regex isn t needed  nor is plugins  if  isNaN     Field   val     1     false        your code here

User · Answer

You don t need a regex for this one  Use the isNAN   JavaScript function      The isNaN   function determines whether a value is an illegal number    Not-a-Number   This function returns true if the value is NaN  and   false if not    if  isNaN     Field   val       false            It s a number

User · Answer

I m not certain when this was implemented  but currently you can use http   api jquery com jQuery isNumeric   if     Field   val                if   isNumeric     Field   val              errors    Field must be numeric  lt br  gt            success   false

User · Answer

All basic validation by using a class       IsInteger  IsDecimal   focus function  e        if  this value     0             this value                     IsInteger  IsDecimal   blur function  e        if  this value                  this value    0                  IsInteger   keypress function  e        var charCode    e which    e which   e keyCode      if  charCode  gt  31      amp  amp   charCode  lt  48    charCode  gt  57           return false          IsDecimal   keypress function  e        var charCode    e which    e which   e keyCode      if  this value indexOf       gt  0            if  charCode    46                return false                      if  charCode    46  amp  amp  charCode  gt  31  amp  amp   charCode  lt  48    charCode  gt  57           return false          IsSpecialChar   keypress function  e        if  e keyCode    8  amp  amp  e keyCode    46  amp  amp  e keyCode    37  amp  amp  e keyCode    38  amp  amp  e keyCode    39  amp  amp  e keyCode    40          return false      else         return true          IsMaxLength   keypress function  e        var length     this  attr  maxlength        return  this value length  lt   length            IsPhoneNumber   keyup function  e        var numbers   this value replace   D g           char     0       3        6    -          this value           for  var i   0  i  lt  numbers length  i              this value     char i           numbers i                 IsEmail   blur function  e        var flag   false      var email   this value      if  email length  gt  0            var regex       a-zA-Z0-9   -        a-zA-Z0-9-         a-zA-Z0-9  2 4               flag   regex test email             if   flag          this value             Example    lt asp TextBox      runat  server       ID  txtDeliveryFee       TextMode  SingleLine       CssClass  form-control IsInteger       MaxLength  3       Text  0   gt  lt  asp TextBox gt    Just put the class name in the input

User · Answer

I know there isn t any need to add a plugin for this   But this can be useful if you are doing so many things with numbers  So checkout this plugin at least for a knowledge point of view   The rest of karim79 s answer is super cool    lt  DOCTYPE html gt   lt html gt       lt head gt           lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 4 jquery min js  gt  lt  script gt           lt script type  text javascript  src  jquery numeric js  gt  lt  script gt       lt  head gt        lt body gt           lt form gt              Numbers only               lt input class  numeric  type  text    gt              Integers only               lt input class  integer  type  text    gt              No negative values               lt input class  positive  type  text    gt              No negative values  integer only                lt input class  positive-integer  type  text    gt               lt a href     id  remove  gt Remove numeric lt  a gt           lt  form gt            lt script type  text javascript  gt                  numeric   numeric                     integer   numeric false  function                     alert  Integers only                    this value                       this focus                                     positive   numeric   negative  false                    function                         alert  No negative values                        this value                           this focus                                         positive-integer   numeric   decimal  false  negative  false                    function                         alert  Positive integers only                        this value                           this focus                                         remove   click                  function e                                        e preventDefault                            numeric  integer  positive   removeNumeric                                              lt  script gt        lt  body gt   lt  html gt

[jquery] Validate that text field is numeric usiung jQuery

Examples related to jquery

Examples related to validation