gpt4 book ai didi

jquery - html 中的表单验证 Jquery

转载 作者:行者123 更新时间:2023-12-01 05:51:56 26 4
gpt4 key购买 nike

我是 JQuery 新手,我想在 html 表单中使用验证

这是我的代码,但它不起作用。我添加了 jquery 验证,但它不起作用。我是 JQuery 新手,我想在 html 表单中使用验证

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function ValidateForm(){
var flag1 = 1;
var flag2 = 1;
var user_name = document.forms["form-login"]["Username"].value;
var password = document.forms["form-login"]["Password"].value
if (user_name == null || user_name == "") {
flag1 = 0;
return false;
}
if (password == null || password == "") {
flag2 = 0;
return false;
}
return true;
}
</script>
</head>
<body>
<h3>Already A Member?</h3>
<form name="form-login" id="form-login" action="check_login.php" onSubmit="return ValidateForm()" method="post">
<div class="form-login">
<label for ="Username">UserName</label>
<br>
<input type="text" class="form-login-control" id="Username" placeholder="Enter Username">
<br><br>
</div>
<div class="form-login">
<label for ="Password">Password</label>
<br>
<input type="password" class="form-login-control" id="Password" placeholder="Enter Password">
<br><br>
</div>
<button type="submit">
Submit
</button>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#form-login").validate({
rules: {
"Username": {
required: true,
},
"Password": {
required: true,
minlegth: 5
}
}
});
});
</script>
</body>
</html>

最佳答案

您的输入上没有name属性。为了提交表单,因为仅提交命名元素,需要这些属性,并且这些属性也是 rules 属性与验证器插件匹配的属性。

您还需要从标记中删除 onSubmit="return ValidateForm()" 并且 minlegth 拼写错误

关于jquery - html 中的表单验证 Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20876345/

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