@anton_kP

Event.preventDefault() блокирует input?

Я уже задавал подобный вопрос, но так и не разобрался в проблеме.
Заметил, что текст не вводится в форму в input на ios 13 и ниже в Сафари, в других браузерах на разных устройствах всё норм.
Вероятно дело в скрипте, окно с формой открывается модально, имеет несколько форм.
Может в нем ошибка, когда отменяется стандартное поведение браузера? Несколько раз используется event.preventDefault(), но ведь в кликах по субмиту же...
jQuery(document).ready(function($){
	var formModal = $('.cd-user-modal'),
		formLogin = formModal.find('#cd-login'),
		formSignup = formModal.find('#cd-signup'),
		formReset = formModal.find('#cd-reset-password'),
		formForgotPassword = formModal.find('#cd-reset-password'),
		formModalTab = $('.cd-switcher'),
		tabLogin = formModalTab.children('li').eq(0).children('a'),
		tabSignup = formModalTab.children('li').eq(1).children('a'),
		forgotPasswordLink = formLogin.find('.cd-form-bottom-message a'),
		backToLoginLink = formForgotPassword.find('.cd-form-bottom-message a'),
		mainNav = $('.main-nav1');

	//open modal
	mainNav.on('click', function(event){
		$(event.target).is(mainNav) && mainNav.children('ul').toggleClass('is-visible');
	});

	//open sign-up form
	mainNav.on('click', '.cd-signup', signup_selected);
	//open login-form form
	mainNav.on('click', '.cd-signin', login_selected);

	//close modal
	formModal.on('click', function(event){
		if( $(event.target).is(formModal) || $(event.target).is('.cd-close-form') ) {
			formModal.removeClass('is-visible');
		}	
	});
	//close modal when clicking the esc keyboard button
	$(document).keyup(function(event){
    	if(event.which=='27'){
    		formModal.removeClass('is-visible');
	    }
    });

	//switch from a tab to another
	formModalTab.on('click', function(event) {
		event.preventDefault();
		( $(event.target).is( tabLogin ) ) ? login_selected() : signup_selected();
	});

	//hide or show password
	$('.hide-password').on('click', function(){
		var togglePass= $(this),
			passwordField = togglePass.prev('input');
		
		( 'password' == passwordField.attr('type') ) ? passwordField.attr('type', 'text') : passwordField.attr('type', 'password');
		( 'Show' == togglePass.text() ) ? togglePass.text('Show') : togglePass.text('Hide');
		//focus and move cursor to the end of input field
		passwordField.putCursorAtEnd();
	});

	//show forgot-password form 
	forgotPasswordLink.on('click', function(event){
		event.preventDefault();
		forgot_password_selected();
	});

	//back to login from the forgot-password form
	backToLoginLink.on('click', function(event){
		event.preventDefault();
		login_selected();
	});

	function login_selected(){
		mainNav.children('ul').removeClass('is-visible');
		formModal.addClass('is-visible');
		formLogin.addClass('is-selected');
		formSignup.removeClass('is-selected');
		formForgotPassword.removeClass('is-selected');
		tabLogin.addClass('selected');
		tabSignup.removeClass('selected');
	}

	function signup_selected(){
		mainNav.children('ul').removeClass('is-visible');
		formModal.addClass('is-visible');
		formLogin.removeClass('is-selected');
		formSignup.addClass('is-selected');
		formForgotPassword.removeClass('is-selected');
		tabLogin.removeClass('selected');
		tabSignup.addClass('selected');
	}

	function forgot_password_selected(){
		formLogin.removeClass('is-selected');
		formSignup.removeClass('is-selected');
		formForgotPassword.addClass('is-selected');
	}


$("#senderauth").on("submit", function(e){
e.preventDefault();
	$.ajax({
		url: '/profile/api.php',
		method: 'post',
		dataType: 'html',
		data: $(this).serialize(),
		success: function(data){
			$('#res_main_mail2').html(data);
		}
	});
});
$("#senderregistr").on("submit", function(e){
e.preventDefault();
	$.ajax({
		url: '/profile/registr.php',
		method: 'post',
		dataType: 'html',
		data: $(this).serialize(),
		success: function(data){
			$('#res_main_mail5').html(data);
		}
	});
});

$("#senderedit").on("submit", function(e){
e.preventDefault();
	$.ajax({
		url: '/profile/edit.php',
		method: 'post',
		dataType: 'html',
		data: $(this).serialize(),
		success: function(data){
			$('#res_main_mail6').html(data);
		}
	});
});

$("#sendereditbonus").on("submit", function(e){
e.preventDefault();
	$.ajax({
		url: '/profile/bonusedit.php',
		method: 'post',
		dataType: 'html',
		data: $(this).serialize(),
		success: function(data){
			$('#res_main_mail7').html(data);
		}
	});
});

var btn = document.getElementById("sendresets");

$("#senderreser").on("submit", function(e){
    btn.disabled = true;

document.getElementById('sendresets').style.display= 'none';
document.getElementById('fixresets').style.display= 'block';
document.getElementById('sendresets2').style.display= 'block';


setTimeout(function() {
		login_selected();
}, 700000);


    window.setTimeout(function() {
document.getElementById('sendresets').style.backgroundColor = '#141e36';

       btn.disabled = false; 
    }, 60000); 
e.preventDefault();
	$.ajax({
		url: '/profile/apireset.php',
		method: 'post',
		dataType: 'html',
		data: $(this).serialize(),
		success: function(data){
			$('#res_main_mail3').html(data);
		}
	});
});
	

});


//credits http://css-tricks.com/snippets/jquery/move-cursor-to-end-of-textarea-or-input/
jQuery.fn.putCursorAtEnd = function() {
	return this.each(function() {
    	// If this function exists...
    	if (this.setSelectionRange) {
      		// ... then use it (Doesn't work in IE)
      		// Double the length because Opera is inconsistent about whether a carriage return is one character or two. Sigh.
      		var len = $(this).val().length * 2;
      		this.focus();
      		this.setSelectionRange(len, len);
    	} else {
    		// ... otherwise replace the contents with itself
    		// (Doesn't work in Google Chrome)
      		$(this).val($(this).val());
    	}
	});
};

есть ли ошибка в коде и можно ли передать, чтобы явно указать, что поведение event.preventDefault() должно быть только на кнопку субмит в формах отправки?
  • Вопрос задан
  • 257 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы