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();