How to Filed Restrict any Character for Input Type in Laravel

This is the one type of input type field validation in Laravel. Using this, one can allow a particular character or group of characters as input. For this validation we use one function like 'onkeypress()' in div section of HTML.If we want to allow any character then we add the decimal value of that character into the return function of JavaScript which is defined below. Characters' decimal values which are not defined in the return function, are not allowed into the input field at key pressing time.

We use the ASCII table to get the decimal value of characters in Laravel. Using this validation we can easily restrict any character in any input field.

<div class="form-group">
      <label for="inputlg">Test Field</label>
       <input class="form-control input-lg" id="test" type="text" name="test" onkeypress="return magicvalidation(event)">
</div>


<script type="text/javascript">
    function magicvalidation(e){
        var k;
        document.all ? k = e.keyCode : k = e.which;
        return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57));
        }
</script>


According to this JS, one user can use A-Z , a-Z , 'Backspace','Space', 0-9 as input. If we want to allow only charectors and number then we use,

    'return ((k > 64 && k < 91) || (k > 96 && k < 123) || (k >= 48 && k <= 57));'

Here all values(Decimal Value) of characters are taking from the ASCII table.

ASCII Table

Dec  = Decimal Value
Char = Character

Dec  Char                           Dec  Char     Dec  Char     Dec  Char
---------                           ---------     ---------     ----------
  0  NUL (null)                      32  SPACE     64  @         96  `
  1  SOH (start of heading)          33  !         65  A         97  a
  2  STX (start of text)             34  "         66  B         98  b
  3  ETX (end of text)               35  #         67  C         99  c
  4  EOT (end of transmission)       36  $         68  D        100  d
  5  ENQ (enquiry)                   37  %         69  E        101  e
  6  ACK (acknowledge)               38  &         70  F        102  f
  7  BEL (bell)                      39  '         71  G        103  g
  8  BS  (backspace)                 40  (         72  H        104  h
  9  TAB (horizontal tab)            41  )         73  I        105  i
 10  LF  (NL line feed, new line)    42  *         74  J        106  j
 11  VT  (vertical tab)              43  +         75  K        107  k
 12  FF  (NP form feed, new page)    44  ,         76  L        108  l
 13  CR  (carriage return)           45  -         77  M        109  m
 14  SO  (shift out)                 46  .         78  N        110  n
 15  SI  (shift in)                  47  /         79  O        111  o
 16  DLE (data link escape)          48  0         80  P        112  p
 17  DC1 (device control 1)          49  1         81  Q        113  q
 18  DC2 (device control 2)          50  2         82  R        114  r
 19  DC3 (device control 3)          51  3         83  S        115  s
 20  DC4 (device control 4)          52  4         84  T        116  t
 21  NAK (negative acknowledge)      53  5         85  U        117  u
 22  SYN (synchronous idle)          54  6         86  V        118  v
 23  ETB (end of trans. block)       55  7         87  W        119  w
 24  CAN (cancel)                    56  8         88  X        120  x
 25  EM  (end of medium)             57  9         89  Y        121  y
 26  SUB (substitute)                58  :         90  Z        122  z
 27  ESC (escape)                    59  ;         91  [        123  {
 28  FS  (file separator)            60  <         92  \        124  |
 29  GS  (group separator)           61  =         93  ]        125  }
 30  RS  (record separator)          62  >         94  ^        126  ~
 31  US  (unit separator)            63  ?         95  _        127  DEL

I adapted this all value from a website and I have made it available locally.

Conclusion:

This is very important for Laravel development. Please share your review in the comment section.

Comments

We Serve clients globally in diverse industries