Я пытаюсь предоставить подтверждение пароля на стороне клиента с помощью jquery, но форма отправляется без проверки.я новичок в jquery.
что я пытаюсь здесь1) проверка полей пароля должна быть не нулевой2) Сравнение обоих паролей.но форма отправляется, и я не могу найти ошибку.
Пожалуйста, помогите
<!DOCTYPE HTML>
<html>
<head>
<title>Form Example</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myform").validate({
//onkeyup: false;
debug: true;
rules: {
password: {
required: true,
minlength: 6,
maxlength: 12,
password: true
},
password1: {
required: true,
equalTo: "#password"
}
},
messages: {
password: {
required: "req",
minlength: "min",
maxlength: "max"
}
password1: {
required: "req re",
equalTo: "not equal"
}
}
});
});
</script>
<style>
label.error { width: 250px; display: inline; color: red;}
</style>
</head>
<body>
<form name="myform" id="myform" action="" method="POST">
<label for="password">Choose a password</label>
<input type="text" name="password" id="password" value="" />
<label for="password" generated="true" class="error"></label>
<br/>
<label for="password1">Retype password</label>
<input type="text" name="password1" id="password1" value="" />
<label for="password1" generated="true" class="error"></label>
<br/>
<input type="submit" value="join" />
<input type="submit" value="cancel" class="cancel" />
</form>
</body>
</html>