Answers for "html check non empty text input"

CSS
2

check if input is empty css

/* If input is not empty */
input:not(:placeholder-shown) {
  /* You need to add a placeholder to your fields. For example: <input "placeholder=" "/> */
  border-color: green;
}

/* If input is empty */
input:placeholder-shown {
  border-color: red;
}
Posted by: Guest on October-27-2020
0

input number has empty value

The hack is to use type="tel" instead of type="number".

This solves the 2 main issues:

It pulls up a number keypad on mobile devices
It validates (and is not empty) with numbers or non-numbers as input.
Posted by: Guest on June-29-2020

Browse Popular Code Answers by Language