31

シンプルなフォームがあり、パターンで指定した条件で送信ボタンが機能しないようにしたいのですが、空白のままにすると送信は機能します。空白の場合にパターンを受け入れないようにするにはどうすればよいですか？

<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}で十分だと思いましたが、そうではないようです。

4

2 に答える 2

79

HTMLには、requiredこれを実現するための属性があります。入力を必須に設定した場合、これらのフィールドが空の場合、最新のブラウザではフォームを送信できません。

<input type="text" name="username" required="required" pattern="[A-Za-z0-9]{1,20}">
于 2012-11-02T16:49:52.680 に答える
4

ロード時にエラーが表示されないようにするために、HTML5の必須属性を使用することはできません。JavaScriptを使用できます。例えば：

if ( $('#form-password').val() === "" ) 
{
    e.preventDefault();
}

HTMLパターンを使用して少なくとも1つに一致させる：

<input type="text" name="username" pattern=".{1,}">
于 2016-08-13T21:00:58.823 に答える