Maxlength attribute not working in number input type (Chrome)

 


The maxlength attribute is not working with <input type="number">. This happens only in Chrome.


Solution:


<input onkeypress="if(this.value.length==6) return false;" type="number" />


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

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

How to clean up the unused imports, variable and function from Typescript

To remove unused code from TypeScript files in your project, you can use the "Purge & Unused CSS" extension or tools like "TSLint" with its related plugins. These tools can help you identify and remove unused code, including variables, functions, and imports, from your TypeScript files. Here's a step-by-step guide to help you remove unused code using TSLint and related plugins: Using TSLint and TSLint Unused Imports Plugin: Install TSLint : If you haven't installed TSLint in your project, you can install it using npm or yarn: npm install tslint --save-dev # or yarn add tslint --dev Install TSLint Unused Imports Plugin : Install the tslint-plugin-unused-imports plugin to help identify and remove unused imports: npm install tslint-plugin-unused-imports --save-dev # or yarn add tslint-plugin-unused-imports --dev Create TSLint Configuration File : Create a tslint.json configuration file in your project root or update an existing one. Add the following config...
Read more