HTML简单不是空白模式

Question

我有一个简单的表单,我希望提交按钮不适用于我在模式中给出的条件,但如果我把它留空,提交工作.如果它是空白的,我如何使模式不接受它？

<form action="test.php" method="POST">
Enter user name: 
<input type="text" name="username" pattern="[A-Za-z0-9]{1,20}">
<input type="submit" value="submit">
</form>

我认为{1,20}是值得的,但似乎并非如此.

Answer 1

HTML具有required完成此任务的属性.如果您设置了所需的任何输入,那么现代浏览器将不允许您提交表单(如果这些字段为空).

<input type="text" name="username" required="required" pattern="[A-Za-z0-9]{1,20}">