JQuery minimum length validation
JQuery length validation Example
Simple JQuery HTML form field validation to restrict user to put minimum number of letter.
HTML
<!DOCTYPE html> <html> <head> <script src="http://freeonlinecompiler.ptutorial.com /js/jquery.min.js"></script> </head> <body> <h4>Minimum Length Validation</h4> <table id="tab"> <tr> </tr> <tr> <td>Enter Name *</td> <td> <input type="text" id="uk" name="kk1"></td> </tr> <tr> <td> <input type="submit" id="kk" value="Check"></td> </tr> </table> <div id="divData"></div> </body> </html>
CSS
<style>
table{
border: 1px solid #080808;
margin: 5px;
padding: 10px;
}
</style>
JQuery length validation Example
<script>
$(document).ready(function (e) {
$('#kk').click(function () {
var z = $.trim($('#uk').val());
var k=z.length;
if(k==""){
$("#divData").html("Please Enter something First");
$("#uk").css("border-color","red")
return false;
}
else if((k>=4)){
$("#divData").html(z);
$("#uk").css("border-color","green")
return false;
}else{
$("#divData").html("Enter Atleast Four Character");
$("#uk").css("border-color","red")
return false;
}
})
});
</script>
