.NET 4.5 Webフォームアプリケーションのフォームフィールドに新しいrequired
属性を使用しようとしています。.NET WebフォームでHTML5が必須= ""属性
ただし、ページ上のすべてのコントロール(webformsスタイル)を囲むのは1つだけなので、ブラウザは送信ボタンを押したときにどのフィールドを検証するかを知りません。
ログイン機能とページ検索の両方を備えたページの削除版が以下に添付されています。
[検索]ボタンをクリックすると、ブラウザは私がユーザ名とパスワードのフィールドを最初に入力する必要があることを教えてくれます。ログインしようとすると、検索フィールドにテキストを入力する必要があることがわかります。すべてのフィールドが同じ<form>
タグの子であるためです。
他にもこの問題があったのですか?私はHTML5属性をフォームの検証に使用したいと思います。javascriptのソリューションはありません。
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<form method="post" runat="server" id="mainform">
<%// Search %>
<asp:Panel runat="server" DefaultButton="searchButton" >
<asp:TextBox runat="server" ID="searchQuery" ClientIDMode="Static" required="required" />
<asp:Button runat="server" ID="searchButton" ClientIDMode="Static" Text="Search"/>
</asp:Panel>
<%// Login %>
<asp:Panel runat="server" DefaultButton="signInButton">
<label for="inputusername">Username</label>
<asp:TextBox runat="server" ClientIDMode="Static" ID="inputusername" required="required" />
<label for="inputpassword">Password</label>
<asp:TextBox runat="server" TextMode="Password" ClientIDMode="Static" ID="inputpassword" required="required" />
<asp:Button ID="signInButton" runat="server" />
</asp:Panel>
</form>
</body>
</html>
</html>
フォームを検索してみましたか? –
申し訳ありませんが、私はそれを理解していませんでした... – chilly
フォーム外で検索しようとしましたか? –