Input character limit check working fine for desktop but not working in mobile devices

Question

I am checking input character limit.

It's working fine on desktops but not working on mobile devices.

I also tried with on keydown but not happening.

I can use "e.which" but I am not getting "how I can do through it?"

Yes, it's possible through "onkeyup", but want to know how can I implement same functionality with "onkeyup"?

Please suggest me changes in my code.

My code snippet:

<script>
   $('#bank_ifsc_code').keypress(function(e){
                    var charLength = $(this).val().length+1;
                    if(charLength>11){ return false; }

                    var k = e.keyCode,
                    $return = ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || (k >= 48 && k <= 57));
                    if(!$return) { return false; }
   })
</script>

Try the [onInput](https://www.w3schools.com/jsref/event_oninput.asp) Event or the [KeyUp](https://www.w3schools.com/jsref/event_onkeyup.asp) event. — Kryptur, Jul 05 '19 at 11:51
yes its possible through "onkeyup" but I want to know the logic idea how can i do same functionality through "onkeyup".. — Rakesh Hiray, Jul 05 '19 at 11:58

Kryptur · Answer 1 · 2019-07-05T12:38:31.060

0

Use the maxlength attribute for the length restriction.

<input id="bank_ifsc_code" maxlength="11" />

Then, in keyup, you can replace all unwanted characters with a regular expression for example.

$("#bank_ifsc_code").keyup(function(e) {
    var val = $(this).val();    
    val = val.replace(/[^a-zA-Z0-9]/, "");
    $(this).val(val);
});

JSFiddle

edited Jul 05 '19 at 12:38

answered Jul 05 '19 at 12:18

Kryptur

745
6
17

working fine but "^" is pressed which should not be allowed as per other spl characters – Rakesh Hiray Jul 05 '19 at 12:32
I fixed the regular expression. – Kryptur Jul 05 '19 at 12:38
sorry but.. if i want to allow spl characters also then what will be reg. expression? – Rakesh Hiray Jul 05 '19 at 12:42
add them to the regex. What characters do you want to add? In your original example, you allowed for letters and numbers. – Kryptur Jul 05 '19 at 12:45
now i am trying to change maxlength then its not working? – Rakesh Hiray Jul 05 '19 at 12:51
It will work with any valid value for maxlength. I don't understand what the problem is?! – Kryptur Jul 05 '19 at 12:53
1

sorry bro.. check your jsfiddle link in mobile.. its also not working on mobile devices.. – Rakesh Hiray Jul 06 '19 at 04:45
Before I posted my answer I checked it on Chrome for Android... What Browser do you use? – Kryptur Jul 08 '19 at 15:25
mobile.. chrome.. – Rakesh Hiray Jul 09 '19 at 05:55

Input character limit check working fine for desktop but not working in mobile devices

1 Answers1