Ответы пользователя по тегу JavaScript
  • Как проверить форму на ввод телефона?

    @aftar
    $("form#myForm").submit(function(event) {
            event.preventDefault();
            var phone_input = $(this).find("input[type=tel]");
            var phone_number = phone_input.val().replace(/[^0-9]/g,"");
    
            if (phone_number.length === 0 ) {
                phone_input.notify("Введите номер телефона", {position:"bottom" , className: 'error'})
            }
    
            if (phone_number.length < 12 && phone_number.length >= 4) {
                phone_input.notify("Номер введён не полностью", {position:"bottom" , className: 'warn', gap: 0, autoHideDelay: 3000});
            }
            if (phone_number.length === 12) {
                var data = $(this).serializeArray();
                data.push ({name: 'href', value: href}); //-можешь добавить дополнительные переменные, например адрес страницы, referer
                data.push ({name: 'ref', value: ref});
                var thisForm = $(this);
                var thisBtn = thisForm.find("button");
                $.ajax({
                    url: 'php/mail.php',
                    type: 'POST',
                    data: data,
                    beforeSend: function(data) {
                        thisBtn.notify("Отправка заявки", {position:"bottom center", className: 'info'});
                    },
                    success: function(data){
                        console.log(data);
                        thisBtn.notify("Заявка принята", {position:"bottom center", className: 'success'});
                        thisForm.trigger("reset");
                    },
                    error: function(data) {
                        thisBtn.notify("Ошибка на сервере", {position:"bottom center", className: 'error'} );
                        thisForm.trigger("reset");
                    }
                });
                return false;
            }
        });
    
        var href          = window.location.href;
        var ref = document.referrer;
    
    //-notify - красивые уведомления, скачать библиотеку можешь з<a href="https://notifyjs.jpillora.com/"></a>десь, если не нужно просто убери
    <img src="https://habrastorage.org/webt/5c/a3/0d/5ca30d6fd6f1f287377378.png" alt="image"/>
    Ответ написан
    Комментировать
  • Как реализовать плавную трансформацию выпадающих элементов меню при нажатии на кнопку?

    @aftar
    Попробуй так
    $('#tourReadmore5-4').click(function() {
    $('.tour-readmore-5-4').slideToggle('slow');
    });
    $('#tourReadmoreClose5-4').click(function() {
    $('.tour-readmore-5-4').slideToggle('slow');
    });

    Только задай выпадающему элементу display:none
    Ответ написан