在使用javascript的html5中需要_Javascript_Jquery_Asp.net_Vb.net_Html

在使用javascript的html5中需要

javascript jquery asp.net vb.net html

在使用javascript的html5中需要,javascript,jquery,asp.net,vb.net,html,Javascript,Jquery,Asp.net,Vb.net,Html,我需要编写一个javascript或jquery函数，类似于html5中所需的验证，以显示验证气泡消息，但我不想使用所需的标记，因为我在按钮上使用自定义验证程序有什么建议吗请注意，我是使用vb的asp.net <p> <label for="username" class="uname" data-icon="u" > Your username </label> <as

我需要编写一个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>


您的用户名


你的密码


函数验证（表单）{
var valid=true；
$（form）.children（）.filter（'input[validate=required]'）。每个(
函数（）{
如果（this.value=''）{
警报（“需要“+this.getAttribute（'title'）+”的值”）；
有效=错误；
}
}
);
返回有效；
}

“validate”是一个虚构的属性，您可以使用任何东西。

我建议使用

特别是看看下面的例子

这并不会给你一个现成的“气泡”，但在输入字段下面会有一条清晰的错误信息，这可能对你有用——或者至少是一个好的起点。演示表明，这显然不会干扰浏览器现有的html5功能。此外，作者还解释了为什么他认为自己实现这种验证不是一个好主意，尽管其他答案中显示的实现可能非常适合您

由于我不熟悉ASP，我不知道在这种情况下它是否负责“自动”服务器端验证（可能不是）。因此，如果用户试图使用空字段提交表单（不难，可能使用get URL，或者在提交之前操作页面），服务器端代码应该能够处理这一问题，例如，再次将用户重定向到表单，理想情况下还会显示相应的错误消息

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