0

该代码对于前 4 个变量工作得非常好，但之后我得到一个无效的页面响应，这是我为任何无效条目创建的。但是由于我输入了每个变量的 url，它仍然没有响应。任何人都可以帮助我使用此代码。我还制作了变量 url 中提到的每个 html 页面。

// Define routing:
var validValues = [{
  value: '425769540588',
  url: './something.html'
}, {
    value: '264719964726',
  url: './stud26471.html'
},
{
    value: '327774003000',
  url: './stud32777.html'

},
{
    value: '345102833684',
  url: './stud34510.html'

},
{
    value: '359221005742',
    url: './stud35922100.html'
},
{
    value: '423570687069',
    url: './stud42357.html'
},
{
    value: '439624197820',
    url: './stud43962.html'
},
{
    value: '440176316459',
    url: './stud44017.html'
},
{
    value: '681042208435',
    url: './stud68104.html'
},
{
    value: '729172701174',
    url: './stud72917.html'
},
{
    value: '898871777413',
    url: './stud89887.html'
},
{
    value: '913625248899',
    url: './stud91362.html'
}
];

var $myInput = $('#my-input');
$('#my-button').click(function(ev) {
  ev.preventDefault(); // Prevent submitting the form already

  // Look for a valid value
  var url = './invalid.html';
  $.each(validValues, function(i, validValue) {
    if ($myInput.val() === validValue.value) {
      url = validValue.url;
      return false;
    }
  });

  // Submit the form
  $('#my-form').prop('action', url).submit();

});
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <title></title>
  </head>
  <body>

    <h1 id="title">Hello</h1>

    

    <form class="form-inline" id="my-form">
  <div class="form-group">
    <input type="text" id="my-input">
    <button type="submit" id="my-button">Go</button>
  </div>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>

4

1 回答 1

0 
{
    value: '359221005742',
    url: './stud35922100.html'
}

我要指出，第四个（我已在此处粘贴）违反了您的 URL 约定，其中仅包含该值的前 5 位数字。应该./stud35922.html改为吗？

于 2020-08-31T18:05:40.263 回答