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

Your build is currently configured to use incompatible Java 21.0.3 and Gradle 8.2.1. Cannot sync the project.

Image
  Facing issues with Gradle and Java compatibility in Android Studio?  ðŸš¨ In my latest video, I walk you through a common error that many Android developers encounter: "Your build is currently configured to use incompatible Java 21.0.3 and Gradle 8.2.1. Cannot sync the project." I’ll show you how to fix the incompatibility issue by configuring  Java 17  for  Gradle 8.2.1 , ensuring smooth synchronization for your Android project. 🔧  Step-by-step solution: Identifying the problem Correctly configuring Java 17 for Gradle Syncing your Android project without errors This is an essential fix for any Android developer working with Gradle and Java. If you’re stuck with this error, this tutorial is for you! 📺  Watch the full tutorial here :
Read more

SonarQube With Angular 19 on Windows: A Complete Setup and Integration Guide

  Welcome to my detailed tutorial on integrating  SonarQube  with an  Angular 19  project on  Windows ! This video will guide you through the installation and configuration process for SonarQube to analyze your code quality and improve the development workflow. In this step-by-step guide, we’ll set up the required software, configure the necessary tools, and integrate  SonarQube  with an  Angular 19  project. Whether you're a beginner or an experienced developer, this tutorial will help you understand how to run effective code analysis using SonarQube. Here is my youtube link ::::  https://youtu.be/PvwvgoMrngk What You Will Learn: In this tutorial, we will cover the following key steps: Installing Required Software:  Before starting, we need a few software installations: SonarQube:  Used for analyzing code quality and identifying issues such as bugs, vulnerabilities, and code smells. SonarScanner:  A tool used to send...
Read more

Error in Android Migration Gradle 7.5 to 8.5 - java.lang.NullPointerException: Cannot invoke "String.length()" because "" is null

Image
The error message: java.lang.NullPointerException: Cannot invoke "String.length()" because "<parameter1>" is null indicates that a null value is being passed to a method that expects a non-null string , and it's trying to call .length() on it. Solution: Update the Supported Java version in Android Studio Android Studio -> Settings -> Build, Execution, Deployment -> Build Tools -> Gradle ->  Update Gradle JDK to 17 or Higher
Read more