Question

寻找一种创建功能的方法，该功能允许用户键入其邮政编码并根据数字是否在列表中显示信息。

最佳解决方案是，如果它可能是90000-90100之间的数字或特定的数字，如90210或90212.

HTML

<input id="input" type="text">
<input type="button" value="Submit" onClick="postcode()">
<div style="display: none;" id="yes">yes</div>
<div style="display: none;" id="no">no</div>

的Javascript

<script>
function postcode()
{
var input = document.getElementById("input");
if(input.value == "90210"){
    document.getElementById("yes").style.display = "block"
}
else{
    document.getElementById("no").style.display = "block"}
}
</script>

Codepen https://codepen.io/anon/pen/rGJOyV

谢谢！

Answer 1

<script>
function postcode()
{
var input = document.getElementById("input"),
    value = parseInt(input.value); // From string makes number

if (value > 9000 && value < 90100){
    document.getElementById("yes").style.display = "block"
}
else {
    document.getElementById("no").style.display = "block"}
}
</script>

Answer 2

你可以通过条件

来做到这一点

<script>
function postcode()
{
var input = document.getElementById("input").value;
    var data= parseInt(input); 
if(data>= 90000 && data <= 90100){
    document.getElementById("yes").style.display = "block";
}
else{
    document.getElementById("no").style.display = "block";
}
</script>

这里我们检查条件是否等于或大于90000且小于或等于90100。

因此90050或90062等具体数据介于它们之间。

Answer 3

不应使用JavaScript手动检查该信息，而应尝试对字段使用标准表单验证，然后，如果需要执行任何JS代码，只需检查myInput.isValid()方法的有效性。

表单验证有很多种方法：如果您只需要一个范围内的数字，则可以使用min和max属性，但如果您需要更复杂的验证，则应该使用正则表达式

这里有很多关于如何进行表单验证的文档： https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

使用javascript检查数字是否与一系列数字中的一个匹配

3 个答案: