使用javascript在html5中需要

Question

我需要編寫javascript或jquery函數以類似於html5中的所需驗證以顯示驗證氣泡消息，但我不想使用所需標簽，因為我在按鈕上使用了自定義驗證程序

有什么建議么？

請注意我是用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>

Answer 1

<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>

“驗證”是一個虛構的屬性，您可以使用任何東西。

Answer 2

我建議使用http://jqueryvalidation.org/

特別看一下http://jqueryvalidation.org/documentation/上給出的示例

這並沒有給您開箱即用的“泡泡”，而是在輸入字段下方提供了清晰的錯誤消息，並且可能對您有用-或至少是一個好的起點。 該演示表明，這顯然不會干擾瀏覽器的現有html5功能。 另外，作者解釋了為什么他認為自己實施這種驗證不是一個好主意，盡管其他答案中顯示的實施可能對您來說很完美。

因為我不熟悉ASP，所以我不知道在這種情況下它是否可以處理“自動”服務器端驗證（也許不是）。 因此，如果用戶設法使用空字段提交表單（不難，可能使用GET URL或在提交之前操縱頁面），則服務器端代碼應該能夠處理該表單，例如重定向再次向用戶顯示表單，理想情況下還顯示適當的錯誤消息。

使用javascript在html5中需要

問題描述

2 個解決方案

解決方案1
0 2013-09-20 10:32:38

解決方案2
0

使用javascript在html5中需要

問題描述

2 個解決方案

解決方案1 0 2013-09-20 10:32:38

解決方案2 0

解決方案1
0 2013-09-20 10:32:38

解決方案2
0