javascript - 年龄范围验证

Question

我为搜索面板添加了年龄范围，其中 AGE_FROM 的输入不应大于 AGE_TO。 AGE_TO 也不应该等于 0，因为如果我只输入 AGE_FROM，则应该显示确切的年龄(只是为了清楚起见)

这是我的 JavaScript 文件。它不起作用，我很难弄清楚如何使其工作或如何触发它:

<script type="text/javascript">
    $(document).ready(function () {
    });

    $('#btnAdvanceSearch').click(function () {
        var age_from = document.getElementById('txtAGE').value;
        var age_to = document.getElementById('txtTO').value;

        if (age_from > age_to && age_to !== "") {
            alert('Invalid Age range!');
        }

    }
      )
</script>

我将不胜感激任何形式的帮助。先感谢您。我的搜索按钮的 ID 是 btnAdvanceSearch

Answer 1

通过在输入值前面添加 + 将输入值转换为 int。您还可以将输入设置为仅允许数字。

$(function(){
  $('#btnAdvanceSearch').click(function () {
     var age_from = +$('#txtAGE').val();
     var age_to = +$('#txtTO').val();
          
     if (age_from > age_to && age)
        alert('Invalid Age range!');                 
  })    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='number' id='txtAGE' placeholder='FROM'/>
<input type='number' id='txtTO' placeholder='TO'/>
<input type='button' id='btnAdvanceSearch' value='Search'/>