나는 html 파일을 가지고 있으며 두 개의 비밀번호 필드 (비밀번호 & 비밀번호)를 확인하려고하는데이 샘플을 사용할 수없는이 특정 양식을 사용해야합니다. 여기 예제를 보았습니다. 그것은 지금까지 작동하지 않습니다 크로스 작업 예제를 와서 내가이 일을 얻기 위해 시도했지만, 나는이 새로운 그래서 난 코드비밀번호 확인 확인
에이 기능을 추가 한이<div id="register" class="animate form">
<form action="mysuperscript.php" autocomplete="on">
<h1> Sign up </h1>
<p>
<label for="usernamesignup" class="uname" data-icon="u">Your username</label>
<input id="usernamesignup" class="username" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690">
<span class="check" ></span>
</p>
<p>
<label for="emailsignup" class="youmail" data-icon="e"> Your email</label>
<input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="[email protected]">
</p>
<p>
<label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
<input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO">
</p>
<p>
<label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label>
<input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" onkeyup="checkPasswordMatch(); placeholder="eg. X8df!90EO">
</p>
<p class="signin button">
<input type="submit" value="Sign up">
</p>
<p class="change_link">
Already a member ?
<a href="#tologin" class="to_register"> Go and log in </a>
</p>
</form>
에 나와 함께 기다려주십시오입니다
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
function checkPasswordMatch() {
var password = $("#passwordsignup").val();
var confirmPassword = $("#passwordsignup_confirm").val();
if (password != confirmPassword)
$("#register").html("Passwords do not match!");
else
$("#register").html("Passwords match.");
}
</script>
예제에 따르면 작동해야하지만 분명히 할 수 있습니다. 여기에 잘못된 것이 있으면 도움을 청하십시오.
참고로 서버에서도 이러한 종류의 유효성 검사를 수행해야합니다 (참고로 FYI). – tymeJV
@tymeJV 사용자의 브라우저에서 예비 검사를하는 것은 나쁘지 않습니다. – Nit
#register는 비밀번호를 입력하는 전체 양식을 포함하는 div입니다 ... 오류 메시지로 삭제하지 마십시오. 게다가 ** 당신은 quote를 잊었습니다 ** : onkeyup = "checkPasswordMatch();" –