allowing only alphabets in text box using java script

Question

I want to allow only alphabets in textbox using JavaScript I used the code    var nam f nm value  if  isNaN nam         region innerHTML  alphabets only     It is not working and allows numbers as well  How can i fix this

User · Answer

You can use HTML5 pattern attribute to do this:

<form>
    <input type='text' pattern='[A-Za-z\\s]*'/>
</form>

If the user enters an input that conflicts with the pattern, it will show an error dialogue automatically.

User · Answer

lt html gt   lt head gt       lt title gt allwon only alphabets in textbox using JavaScript lt  title gt       lt script language  Javascript  type  text javascript  gt           function onlyAlphabets e  t                try                   if  window event                        var charCode   window event keyCode                                    else if  e                        var charCode   e which                                    else   return true                    if   charCode  gt  64  amp  amp  charCode  lt  91      charCode  gt  96  amp  amp  charCode  lt  123                       return true                  else                     return false                            catch  err                    alert err Description                                 lt  script gt   lt  head gt   lt body gt       lt table align  center  gt           lt tr gt               lt td gt                   lt input type  text  onkeypress  return onlyAlphabets event this      gt               lt  td gt           lt  tr gt       lt  table gt   lt  body gt   lt  html gt

User · Answer

From kosare comments  i have create an demo http   jsbin com aTUMeMAV 2   HTML         lt form name  f  onsubmit  return onlyAlphabets    gt            lt input type  text  name  nm  gt            lt div id  notification  gt  lt  div gt            lt input type  submit  gt         lt  form gt    javascript    function onlyAlphabets        var regex      a-zA-Z        if  regex test document f nm value              document getElementById  notification   innerHTML    Watching   Everything is Alphabet now         return true      else         document getElementById  notification   innerHTML    Alphabets Only         return false

User · Answer

You can try    function onlyAlphabets e  t            return  e charCode  gt  64  amp  amp  e charCode  lt  91      e charCode  gt  96  amp  amp  e charCode  lt  123     e charCode    32

User · Answer

HTML       lt input type  quot text quot  onkeypress  quot return lettersValidate event  quot    gt   Only letters no spaces     JS                                  Allow - Only Letters                                                                  function lettersValidate key        var keycode    key which    key which   key keyCode       if   keycode  gt  64  amp  amp  keycode  lt  91      keycode  gt  96  amp  amp  keycode  lt  123                           return true                else               return false

User · Answer

just use onkeypress event like below    lt input type  text  name  onlyalphabet  onkeypress  return  event charCode  gt  64  amp  amp  event charCode  lt  91      event charCode  gt  96  amp  amp  event charCode  lt  123   gt

[javascript] allowing only alphabets in text box using java script

Examples related to javascript

Examples related to html