Предупреждение IOS

Question

У меня есть небольшая проблема на веб-сайте театра, который я разработал. Весь сайт работает просто отлично, пока не сделано бронирование на iphone - при отправке формы отправки появляется сообщение: «значение должно быть меньше или равно 0» чуть ниже элемента ввода числа. Может быть, ответы там просто смотрят мне в лицо, но я не могу этого понять. Может кто-нибудь помочь мне, пожалуйста, по этому вопросу?

Ниже приведено поле ввода:

<input id="box1" class="number-input inum tgv-index" min="0" name="nietleden" type="number" inputmode="numeric" pattern="[0-9]*"/>

Answer 1

Это, казалось, решило проблему для меня. Я поместил следующий код в header.php. Чтобы определить, используется ли система iOS, он изменит атрибут элемента ввода чисел на атрибут ввода текста.

			function getMobileOperatingSystem() {
				
				var userAgent = navigator.userAgent || navigator.vendor || window.opera;  				
				if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
					setTimeout(function() {
						showMessage('init');
						document.querySelector('#box1').setAttribute('type', 'text');
						document.querySelector('#box2').setAttribute('type', 'text');
						document.querySelector('#box3').setAttribute('type', 'text');					
					}, 2000);
				}
			}
			getMobileOperatingSystem();