A
A
Anton Yurzanov2015-04-26 00:52:48
JavaScript
Anton Yurzanov, 2015-04-26 00:52:48

Why does java script not work correctly in ios?

Hello.
In general, the problem is, the feedback form works fine, except for ios, it doesn’t work as it should, sends empty fields and does not show the result, tell me what could be the problem?

<form class="fofm" action="">
            <h5>Форма обратной связи</h5>
            <input type="text" required placeholder="Имя" name="txtname">
            <input type="email" placeholder="Email" name="txtemail">
            <input type="tel" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" required placeholder="Телефон" name="txtphone">
            <textarea name="txtmessage" placeholder="Описание" rows="10"></textarea>
            <label><input type="checkbox">Я не робот</label>
            <input type="hidden" name="valTrFal" class="valTrFal" value="valTrFal_disabled">
    		<input type="submit" class="button" value="Отправить" disabled="disabled" name="btnsend">
        </form>

jQuery(document).ready(function($){

  //в этой функции отслеживается изменение чекбокса "я не робот"
  $(document).on('change', '.fofm input:checkbox', function() {
    if($(this).is(':checked')){
      $(".fofm input[type=submit]").removeAttr('disabled');
      $('.fofm input[type=hidden].valTrFal').val('valTrFal_true');
    }
    else {
      $(".fofm input[type=submit]").attr('disabled','disabled');
      $('.fofm input[type=hidden].valTrFal').val('valTrFal_disabled');
    }
  });

  //закрытие модального окна
  $('.close_modal, .overlay').click(function (){
    $('.popup, .popup2, .overlay').css({'opacity':'0', 'visibility':'hidden'});
    $('.popup > .fofm textarea').val('');
    //сброс всех полей формы обраной связи
    $(':input','.fofm').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');
    $(".fofm input[type=submit]").attr('disabled','disabled');
  });

  //показ модального окна
  $('.open_modal').click(function (e){
    e.preventDefault();
    $('.popup, .overlay').css({'opacity':'1', 'visibility':'visible'});
  });

  //аякс форма обратной связи
  //проверяет какой ответ был получен
  //и в зависимости от ответа
  //выводит информацию о статусе
  //отправки письма
  $(".fofm").submit(function() {
    var str = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "contact.php",
      data: str,
      success: function(msg) {
        if(msg == 'ok') {
          $('.popup2, .overlay').css('opacity','1');
          $('.popup2, .overlay').css('visibility','visible');
          $('.popup').css({'opacity':'0','visibility':'hidden'});
        }
        else {
          $('.popup2 .window').html('<h5>Ошибка</h5><p>Сообщение не отправлено, убедитесь в правильности заполнение полей</p>');
          $('.popup2, .overlay').css('opacity','1');
          $('.popup2, .overlay').css('visibility','visible');
          $('.popup').css({'opacity':'0','visibility':'hidden'});
        }
      }
    });
    return false;
  });

});

https://yadi.sk/d/xjctjUNJgF58f - full page.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
N
Nikolai Antonov, 2015-04-26
@my-nickname

Submit your code on codepen . In this form, no one will even read it.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question