How to correctly validate a modal form

Question

I can\'t seem to get validation to work on my bootstrap modal, I have struggled with several of the examples that I have encountered.

What is the correct way to vali

Answer 1

If you need send data via AJAX from bootstrap modal use following code:

$("#addMyModal form").validate({
		rules: {
		 	Name: {
			 	required: true,
			 	minlength: 2
		 },
		 	Email: {
			 	required: true,
			 	minlength: 5
		 },
		 	Phone: {
				required: true,
				minlength: 12
		 }
		},
		messages: {
		 	Name: {
			 	required: "Обязательное поле",
			 	minlength: "Минимальная длинна Имени 2 символа"
		 },
		 	Email: {
			 	required: "Обязательное поле",
			 	minlength: "Минимальная длинна Email 5 символов",
			 	email: "Пожалуйста введите корректный email адрес."
		 },
		 	Phone: {
			 	required: "Обязательное поле",
			 	minlength: "Минимальная длинна Телефона 11 символов"
		 }
		},
		submitHandler: function(form) {
            $.ajax({
                url: './pay-vip.php',
                type: 'POST',
                data: $(form).serialize(),
                success: function(response) {
                    location.replace(location + "pay-vip.php");
                    alert("Send mail")
                }            
            });
          }
	});

Open Modal

  

    

      

        ×
        
Add Stuff
      
      

        

          

            A p Name:
            

              
            
          
          

            Action:
            

              
            
          
          

            Save
            Close