gpt4 book ai didi

javascript - 登录表单验证

转载 作者:太空宇宙 更新时间:2023-11-04 14:05:04 25 4
gpt4 key购买 nike

我在下面有这段代码可以验证表单。但是,此代码中存在错误。当我在用户名中输入内容并将密码留空时,表单会接受它。它不应该接受它。知道为什么吗?

<html> 

<head> <link type = "text/css" type="text/javascript" rel="stylesheet" href="css/bootstrap.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>

<script src="js/bootstrap.js"> </script>
<script>
$(document).ready(function() {
$('form').validate({
submitHandler: function(form) { // for demo
alert('valid form');
return false;
}
});
});</script>
</head>


<body>
<form class="well span6">

<label>Username</label>
<input type="text" id="myName" class="span3 required" placeholder="Type your username here..." /> <br/>

<label>Password</label>
<input type="text" id="myPassword" class="span3 required" placeholder="Type your password here..." /> <br/>

<input type="submit" class ="btn btn-primary">
<!-- <button class=""> Clear <br/></button><br/> -->

</form>

</body>

</html>

最佳答案

我很确定这个验证插件就像字段上的“名称”属性。

我在每个输入上添加了 name="myNamename="myPassword,它似乎在这个 jsfiddle 中有效

<form class="well span6">    
<label>Username</label>
<input name="myName" type="text" id="myName" class="span3 required" placeholder="Type your username here..." /><br/>

<label>Password</label>
<input name="myPassword" type="text" id="myPassword" class="span3 required" placeholder="Type your password here..." /><br/>

<input type="submit" class="btn btn-primary">
</form>

关于javascript - 登录表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14125341/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com