kirya_shkolnik

tochkauto.ru Form.js

Jul 21st, 2021 (edited)
277
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(document).ready(function(){
  2.   $('.mainscreenform form').submit(function(event){
  3.     event.preventDefault();
  4.  
  5.     let form = $(this);
  6.  
  7.     form.find('.form__reject').fadeOut();
  8.     form.find('.form__resolve').fadeOut();
  9.     form.find('.error').removeClass('.error');
  10.     var formError = false;
  11.  
  12.     form.find('input').each(function (){
  13.         if($(this).val() == ''){
  14.             $(this).addClass('error');
  15.             $(this).select();
  16.             formError = true;
  17.             return false;
  18.         }
  19.     });
  20.     if (!formError) {
  21.         let brand = form.find('input[name="brand"]').val();
  22.         let model = form.find('input[name="model"]').val();
  23.         let yearofissue = form.find('input[name="yearofissue"]').val();
  24.         let yourphone = form.find('input[name="yourphone"').val();
  25.  
  26.  
  27.         let loader = form.find('.form__loader');
  28.         let wrapper = form.find('.form__wrapper');
  29.         let resolve = form.find('.form__resolve');
  30.         let reject = form.find('.form__reject');
  31.         let items = form.find('.form__items');
  32.  
  33.         let formData = new FormData();
  34.         formData.append('brand', brand);
  35.         formData.append('model', model);
  36.         formData.append('yearofissue', yearofissue);
  37.         formData.append('yourphone', yourphone);
  38.         $.ajax({
  39.             url: '/form.php',
  40.             type: 'POST',
  41.             dataType: 'json',
  42.             cache: false,
  43.             contentType: false,
  44.             processData: false,
  45.             data: formData,
  46.             beforeSend: function () {
  47.                 form.height(form.height());
  48.                 loader.fadeIn();
  49.                 items.fadeOut();
  50.             },
  51.             error: function (er) {
  52.                 loader.fadeOut();
  53.                 items.fadeOut();
  54.                 reject.fadeIn();
  55.                 console.log(er);
  56.             },
  57.             success: function(){
  58.                 setTimeout(function (){
  59.                     loader.fadeOut();
  60.                     items.fadeOut();
  61.                     resolve.fadeIn();
  62.                     form.find('input').val('');
  63.                 },1500);
  64.             },
  65.             complete: function () {
  66.  
  67.             }
  68.         });
  69.  
  70.     }
  71.     // return false;
  72. });
  73. });
Add Comment
Please, Sign In to add comment