Prevent the negative value in number fields even iphan (-) and character (e) in number input type

If we use number type in input field. In this case it will allows the characters are (e) and (-). Here we can restrict that character while we do input.


Solution:


Keycodes: e : 69, - : 189


<input type="number" onkeydown="return event.keyCode !== 69 && event.keyCode !== 189" />


Reference for keycode finder : 
https://keycode.info/

Demo:

https://stackblitz.com/edit/typescript-cwc9ge?file=index.ts

Comments

Post a Comment

Popular posts from this blog

Google Assistant Implementation in Android application with app actions

Image
  Process flow to create app action in android native: Step 1) Create action.xml with Built-In Intent and defined in androidmanifest.xml Step 2) Create deep link through firebase dynamic link SDK Step 3) Map the Deeplink with built-in Intent in android action.xml Step 4) Create the application in Playstore Step 5) Upload the signed apk in Playstore as save in draft Step 6) Open the app action testing tool from latest android studio after upload the apk in playstore Step 7) Login the same google account in playstore, android studio and android device Step 8) Make sure the check the same Locale language (en-Us) in Android device and action testing tool   Built-In Intent & Sample Query: actions.intent. OPEN_APP_FEATURE           - Open History in <innovationName>           - Open sale in <innovationName>         ...
Read more

What is an android Activity,AppCompatActivity and Fragment Activity. Interview Question

Image
An Activity is an user accessible screen. An activity class loads the all UI widget/component through XML file Every activity must be declared in androidmanifest.xml file which is in your project Activity is a baseline class. Its derived from "android.view.ContextThemeWrapper" AppComptActivity - Its used for defined the material design widget in UI. We are using AppCompatActivity instead of the ActionBarActivity (ActionBarActivity is Deprecated). AppCompatActivity derived from "androidx.fragment.app.FragmentActivity". FragmentActivity - Its used to define the Nested fragment in our activity class. Its inherit from "androidx.activity.ComponentActivity" and ComponentActivity is derived from our Baseline Activity class Dependency for AppCompatActivity:   implementation 'androidx.appcompat:appcompat:1.1.0'
Read more