Jquery validate

Jquery form validation

function submitFunction(event){
	event.preventDefault();
}
$("#form_id").submit(submitFunction);

Jquery validation plugin

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>

Jquery validate

$("#myform").validate({
  debug: true
});

Invoking jquery validator

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        // rules & options
    });

    $('#button').click(function() {
        if ($('#myform').valid()) {
            alert('form is valid - not submitted');
        } else {
            alert('form is not valid');
        }
    });

});

Source: stackoverflow.com

Similar codes

10 votes116 views3 answers
Wordpress enqueue script jquery dependency
Javascript jQuery
0 vote111 views2 answers
Jquery array merge
Javascript jQuery
0 vote104 views1 answer
On page fully loaded jquery
Javascript jQuery
12 votes115 views2 answers
Call a function on load jquery
Javascript jQuery
0 vote118 views1 answer
Data-toggle="tooltip not working due to jquery-ui.min.js
Javascript jQuery
0 vote101 views1 answer
Jquery datetimepicker example code
Javascript jQuery
26 votes112 views3 answers
Jquery create html element
Javascript jQuery
4 votes127 views4 answers
Trigger jquery
Javascript jQuery
23 votes149 views1 answer
JQuery create div element
Javascript jQuery
-1 vote112 views1 answer
Jquery element distance from top of window
Javascript jQuery