2013-03-15 17 views
9

.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> 
+0

フォームを検索してみましたか? –

+0

申し訳ありませんが、私はそれを理解していませんでした... – chilly

+0

フォーム外で検索しようとしましたか? –

答えて

-3

ASP.Net Webフォームプログラミングモデルでは複数のHTMLタグが許可されていないため、これは利用できません。

+0

第2の答えを参照 – Shaharyar

5

が、これは...それは私のために働いた。..

<asp:TextBox runat="server" 
      ClientIDMode="Static" 
      ID="inputusername"      
      required /> 
+0

重複した 'ClientIDMode ="静的 "は意図的ですか? –

関連する問題