在上下菜单上限制数字输入以消除重复项时遇到问题
在上下菜单上限制数字输入以消除重复项时遇到问题
提问于 2019-04-08 04:41:50
使用PHP和html，我试图创建一个有4个数字输入的网页，用户可以使用这些输入将值按一定的顺序放置。我的问题是，如果用户选择了一个数字，我不希望用户能够再次选择相同的数字。
我找不到允许这种事情发生的参考，我只能找到如何限制最小和最大值。
回答 1
Stack Overflow用户
发布于 2019-04-08 20:13:00
正如@Emma已经提到的，您需要在客户端使用某种类型的JavaScript代码来检查用户输入。通常我会选择jquery来简化一些事情，但这取决于你的偏好，也就是你想要使用的库或框架。
下面是一个非常简短的例子(MVP)，在普通的JavaScript中，展示了一种可能的方法来做这种输入检查：
var num=document.getElementsByClassName('sequence');
for (var i=num.length;i--;) num[i].addEventListener('change',function(ev){
for (var i=num.length;i--;) {
if (ev.target!==num[i] && ev.target.value==num[i].value)
console.log("illegal repetition of "+ev.target.value);
}
})<input type="number" name="num[]" class="sequence" value="1"/>
<input type="number" name="num[]" class="sequence" value="2"/>
<input type="number" name="num[]" class="sequence" value="3"/>
<input type="number" name="num[]" class="sequence" value="4"/>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55563502
复制相关文章
相似问题
腾讯云开发者
