Parsley data-parsley-group example

Demonstration on how to use data-parsley-group

by milz

HTML

<script src="http://parsleyjs.org/dist/parsley.min.js"></script>
<form method='post' id='form'>
	<div>
		<input type='text' id='firstname' name='firstname' data-parsley-group="first" required />
		<input type='text' id='lastname' name='lastname' data-parsley-group="first" required />
	</div>
	<div>
		<input type='text' id='phone' name='phone' data-parsley-group="first" required />
	</div>
	<div>
		<input type='text' id='thisisrequired' name='thisisrequired' data-parsley-group="second" required />
	</div>
	<button type="button" id="submit-form">Submit</button>
</form>

JavaScript

$('#form').parsley();

$("#submit-form").on('click', function() {
    $('#form').parsley().validate("second");
    if ($('#form').parsley().isValid()) {
        console.log('valid');
    } else {
        console.log('not valid');
    }
});