jQuery Validate with simple Button
a simple validation when input type button is click using jquery validation plugins
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form id="form1" name="form1">
Min price:
<select class="form-control form-control-all" id="min-range" data-name="Price Range Min" name="minrange" title="Min price is required" aria-required="true" >
<option value="">Min</option>
<option value="10000">$10,000</option>
<option value="20000">$20,000</option>
<option value="50000">$50,000</option>
<option value="75000">$75,000</option>
<option value="100000">$100,000</option>
<option value="125000">$125,000</option>
<option value="150000">$150,000</option>
<option value="175000">$175,000</option>
<option value="200000">$200,000</option>
<option value="300000">$300,000</option>
<option value="500000">$500,000</option>
<option value="750000">$750,000</option>
<option value="1000000">$1M</option>
<option value="1500000">$1.5M</option>
<option value="2000000">$2M</option>
<option value="2500000">$2.5M</option>
<option value="3000000">$3M</option>
<option value="3500000">$3.5M</option>
<option value="4000000">$4M</option>
<option value="4500000">$4.5M</option>
<option value="5000000">$5M</option>
<option value="10000000">$10M+</option>
</select>
<br/>
Max...
JavaScript
$(document).ready(function(){
$("#form1").validate({
debug: true,
onkeyup: false,
onfocusout: false,
onclick: false,
rules:{
minrange:{
required:{
depends: function(){
var min_range = $("#min-range").find(':selected').val(),
max_range = $("#max-range").find(':selected').val();
if(min_range == "" && max_range == "") {
return false;
}else if( min_range != "" && max_range == ""){
return true;
}else if( min_range == "" && max_range != ""){
return true;
}else if(parseInt(max_range) < parseInt(min_range)) {
return true;
} else {
return false;
}
}
}
},
maxrange:{
required:{
depends: function(){
var min_range = $("#min-range").find(':selected').val(),
max_range = $("#max-range").find(':selected').val();
if(min_range == "" && max_range == "") {
return false;
}else if( min_range != "" && max_range == ""){
return true;
}else if( min_range == "" && max_range != ""){
return true;
}else if(parseInt(max_range) < parseInt(min_range)) {
return true;
} else {
return false;
}
}
}
},
},
submitHandler: function(formName,event) {
alert("sucess");
}
});
});