0

validation-bubble-message を表示するには、html5 で必要な検証と同様の JavaScript または jquery 関数を記述する必要がありますが、ボタンでカスタム バリデーターを使用しているため、必要なタグを使用したくありません。

助言がありますか？

私はvbを使用したasp.netであることに注意してください

 <p> 
      <label for="username" class="uname" data-icon="u" > Your username </label>
                                <asp:Textbox runat="server" id="username" name="username" type="text" placeholder="myusername"/>
</p>
<p> 
   <label for="password" class="youpasswd" data-icon="p"> Your password </label>
     <asp:Textbox runat="server" id="password" name="password" type="password" placeholder="eg. X8df!90EO" /> 
</p>
4

2 に答える 2

0 
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
        <script type="text/javascript">
            function validate(form) {
                var valid = true;
                $(form).children().filter('input[validate=required]').each(
                        function() {
                            if (this.value == '') {                                
                                alert("A value for " + this.getAttribute('title') + " is required");
                                valid = false;
                            }
                        }
                );
                return valid;
            }
        </script>

    </head>    
    <body>
        <form onsubmit="return validate(this)">
            <asp:Textbox runat="server" 
                         id="username" 
                         name="username"                 
                         placeholder="myusername"
                         validate="required"
                         title="Username"/>
            <input type="submit"/>
        </form>
    </body>
</html>

「検証」は作成された属性であり、何でも使用できます。

于 2013-09-20T10:32:38.243 に答える
0

http://jqueryvalidation.org/を使用することをお勧めします

特にhttp://jqueryvalidation.org/documentation/にある例を見てください。

これはすぐに使用できる「バブル」ではありませんが、入力フィールドの下に明確なエラー メッセージが表示されるため、役に立つかもしれません。デモは、明らかにこれがブラウザーの既存の html5 機能に干渉しないことを示しています。また、著者は、この種の検証を自分で実装するのはそれほど素晴らしい考えではないと考える理由を説明していますが、他の回答でここに示されている実装は完全に機能している可能性があります。

私は ASP に詳しくないので、この場合に "自動" サーバー側の検証を処理するかどうかはわかりません (そうでない可能性もあります)。したがって、ユーザーが空のフィールドで送信されたフォームを取得できた場合 (難しいことではなく、GET URL を使用するか、送信前にページを操作することもできます)、サーバー側のコードはそれを処理し、たとえば、リダイレクトすることができます。理想的には適切なエラーメッセージも表示します。

于 2013-09-20T10:36:29.947 に答える