WP ajax with jquery validate

Arun - 29/11/2020 2:23 AM

Files 1

file.js
javascript
$('#booking_form').validate({
    rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2
			},
			password: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			topic: {
				required: "#newsletter:checked",
				minlength: 2
			},
			agree: "required"
		},
	messages: {
		firstname: "Please enter your first name",
		lastname: "Please enter your last name",
		username: {
			required: "Please enter a username",
			minlength: "Your username must consist of at least 2 characters"
		},
		password: {
			required: "Please provide a password",
			minlength: "Your password must be at least 5 characters long"
		},
		confirm_password: {
			required: "Please provide a password",
			minlength: "Your password must be at least 5 characters long",
			equalTo: "Please enter the same password as above"
		},
		email: "Please enter a valid email address",
		agree: "Please accept our policy",
		topic: "Please select at least 2 topics"
	},
    submitHandler: function(form) {
    	$('#booking_form').submit(function(e){
		  e.preventDefault();
		  var submit_data = $('#booking_form').serialize();
		   jQuery.ajax({
		      type:"POST",
		      url: site_vars.site_ajax_url, //ajax URL is accessed here
		      data: 'action=booking_submit&'+submit_data,
		      dataType: 'json',
		      success:function(data){
		        console.log(data);
		        if(data.status=='not_ok'){

		        }else{

		        }
		      },
		     });
		});
    }
});