암호 확인이 실행되지 않습니다.

Question

암호 유효성 확인 작업에 문제가 있습니다. 이제는 JavaScript가 올바르게 정의되었지만 오류에 관계없이 게시를 계속할 때 양식을 확인할 수는 없습니다. 따라서에서 사용자가 입력 한 데이터가 잘못된 경우 "false"를 값 값을 반환 양식 클라이언트 측 유효성을 검사하는 기능을 작성해야

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

Answer 1

, 여기

@{ 
    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!" 
       } 
     } 
    }); 
}); 

는 HTML입니다 제출되지 않습니다. 이것은 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> 

희망이 있습니다.