<html>
<body>
<head>
<meta charset="utf-8">
<title>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h4 style="margin-top:50px;"><b>How To Validate Password And Confirm Password Using JQuery - techsolutionstuff.com</b></h4><br />
Enter Password <input type="password" class="form-control" id="Password" placeholder="Enter a password" name="password"><br /> <br / >
Enter Confirm Password <input type="password" class="form-control" id="ConfirmPassword" placeholder="Enter a Confirm Password" name="confpassword" >
<div style="margin-top: 7px;" id="CheckPasswordMatch"></div>
</div>
</div>
<body>
</html>
<script>
$(document).ready(function () {
$("#ConfirmPassword").on('keyup', function(){
var password = $("#Password").val();
var confirmPassword = $("#ConfirmPassword").val();
if (password != confirmPassword)
$("#CheckPasswordMatch").html("Password does not match !").css("color","red");
else
$("#CheckPasswordMatch").html("Password match !").css("color","green");
});
});
</script>| Code Example |
|---|
| Html :: react render |
| Html :: bootstrap wysiwyg |
| Html :: vue emit |
| Html :: split screen html |
| Html :: place a convert to pdf button in html |
| Html :: caption in hhtml |
| Html :: html put newline in text with |
| Html :: html a tag |
| Html :: which text is used to create text animations in html |
| Html :: color selector html |
| Html :: python timestanp |
| Html :: same form two submits |
| Html :: link in html |
| Html :: html interview |
| Html :: instagram icon |
| Html :: bootstrap navs tabs code |
| Html :: scrape beautifulsoup python html attribute value |
| Html :: html gif not showing |
| Html :: itextsharp html to pdf |
| Html :: style html |
| Html :: offline p5.js html |
| Html :: h5 in html |
| Html :: laravel vue error handling |
| Html :: wow html |
| Html :: href open in new tab |
| Html :: Links do not have a discernible name |
| Html :: how to use variables in html |
| Html :: collapse boostrap |
| Html :: handlebar js basic example |
| Html :: bootstrap slider |