Javascript 未触发密码确认
我在进行密码验证时遇到了一些问题,我认为javascript现在已经正确定义了,但是我无法成功验证表单,因为不管有什么错误,表单都会继续发布Javascript 未触发密码确认,javascript,jquery,validation,html.beginform,Javascript,Jquery,Validation,Html.beginform,我在进行密码验证时遇到了一些问题,我认为javascript现在已经正确定义了,但是我无法成功验证表单,因为不管有什么错误,表单都会继续发布 @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } @model Models.ResetModel <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@model Models.ResetModel
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#close').click(function (event) {
closeAjax();
event.cancelBubble = true;
event.returnValue = false;
event.preventDefault();
event.stopPropagation();
});
});
$(document).ready(function () {
$("#resetForm").validate({
rules: {
password: {
require: true,
minlength: 6
},
confirmpassword: {
require: true,
minlength: 6,
equalTo: "#password"
}
},
messages: {
password: {
require: "You must enter a password!",
minlength: "Password must contain at least 6 characters"
},
confirmpassword: {
require: "You must enter a password confirmation!",
minlength: "Password must contain at least 6 characters",
equalTo: "Password and Password Confirmation fields do not match!"
}
}
});
});
@{
ViewBag.Title=“Index”;
Layout=“~/Views/Shared/_Layout.cshtml”;
}
@重置模型
$(文档).ready(函数(){
$(“#关闭”)。单击(函数(事件){
closeAjax();
event.cancelBubble=true;
event.returnValue=false;
event.preventDefault();
event.stopPropagation();
});
});
$(文档).ready(函数(){
$(“#重置表单”)。验证({
规则:{
密码:{
要求:对,
最小长度:6
},
确认密码:{
要求:对,
最小长度:6,
equalTo:“#密码”
}
},
信息:{
密码:{
要求:“您必须输入密码!”,
minlength:“密码必须至少包含6个字符”
},
确认密码:{
要求:“您必须输入密码确认!”,
minlength:“密码必须至少包含6个字符”,
equalTo:“密码和密码确认字段不匹配!”
}
}
});
});
以下是HTML:
<div class="form_container">
<div class="logo">
<a href=""><img class="logo" src="@Url.Content("~/Content/SP_Logo_white.png")" alt="SmartPlant Cloud"/></a>
</div>
<div class="reset">
<h3>Password Reset</h3>
<div class="reset-help">
<p>Forgot your password? Use the form to change or reset your password.</p>
</div>
@using (Html.BeginForm("Reset", "Reset", new { qString = Model.QueryString, @id = "resetForm" } ))
{
<label for="reset">UserName:</label>
<input type="text" id="username" name="username" /><br />
<label for="password">New Password:</label>
<input type="password" id="password" name="password" /><br />
<label for="confirmpassword">Confirm Password:</label>
<input type="password" id="confirmpassword" name="confirmpassword" />
<p><input type="submit" id="submit" value="Submit" /></p>
}
</div>
密码重置
忘记密码了?使用表单更改或重置密码
@使用(Html.BeginForm(“Reset”,“Reset”,new{qString=Model.QueryString,@id=“resetForm”}))
{
用户名:
新密码:
确认密码:
}
您需要创建函数来验证表单客户端,如果输入的数据不正确,表单客户端将返回值“false”,因此不会提交from。这不涉及PHP,而是在加载PHP之前捕获它。。
您还可以在服务器端执行验证检查
function Validate()
{
//insert javascript validation check
return false;
}
<form onsubmit="return Validate();" action="your.php" method="post" name="your name" >
<label for="reset">UserName:</label>
<input type="text" id="username" name="username" /><br />
<label for="password">New Password:</label>
<input type="password" id="password" name="password" /><br />
<label for="confirmpassword">Confirm Password:</label>
<input type="password" id="confirmpassword" name="confirmpassword" />
<p><input type="submit" id="submit" value="Submit" /></p>
</form>
函数验证()
{
//插入javascript验证检查
返回false;
}
用户名:
新密码:
确认密码:
希望这有帮助