html - Prevent negative inputs in form input type="number"?

Question

Welcome To Ask or Share your Answers For Others

html - Prevent negative inputs in form input type="number"?

1 Reply

深蓝 · Answer 1 · 2021-10-23T18:28:23+0000

This uses Javascript, but you don't have to write your own validation routine. Instead just check the validity.valid property. This will be true if and only if the input falls within the range.

<html>
<body>
<form action="#">
  <input type="number" name="test" min=0 oninput="validity.valid||(value='');"><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

Categories

html - Prevent negative inputs in form input type="number"?

html - Prevent negative inputs in form input type="number"?

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags