Question

这是this question的扩展。当用户键入错误的输入值时，如何返回错误消息？但是没有一个警告框，我有一个div，当他们输入的东西不是我设置的三个值时我想出现

＆＃13;

// Hide both <div> by default
$('#div1').hide();
$('#div2').hide();
$('#div3').hide();
$('#error').hide();

// Check on keydown
$('input').keydown(function() {
    if ($('input').val() == 'map') {  // If input value is div1
       $('#div1').slideDown();
       $('#div2').hide();
       $('#div3').hide();
       $('#error').hide();
  } else if ($('input').val() == 'derive') {  // If input value is div2
       $('#div1').hide();
       $('#div2').slideDown();
       $('#div3').hide();
       $('#error').hide();
  } else if ($('input').val() == 'glossary') {  // If input value is div3
       $('#div1').hide();
       $('#div2').hide();
       $('#div3').slideDown();
  } else if ($('input').val() == '???') {  // If input value is wrong
       $('#div1').hide();
       $('#div2').hide();
       $('#div3').hide();
       $('#error').slideDown();
  } else {
       $('#div1').hide();
       $('#div2').hide();
       $('#div3').hide();
       $('#error').hide();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


<input type="text" placeholder="ENTER COMMAND" />

<div id="div1">div1 content</div>
<div id="div2">div2 content</div>
<div id="div3">div1= content</div>
<div id="error">error! unknown command</div>

＆＃13;

我设定的三个值是＆＃39; map＆＃39; ＆＃39;导出＆＃39;和＆＃39;词汇表＆＃39;。如何在用户输入任何不正确的值时显示错误div？

Answer 1

我为您构建了一个工作示例：https://jsfiddle.net/adw8pp29/3/

$(document).ready(function() {

  // Hide both <div> by default
  $('#div1').hide();
  $('#div2').hide();
  $('#div3').hide();
  $('#error').hide();

  // Check on keydown
  $('input').keyup(function (e) {
    if (e.keyCode == 13) {
      var value = $(this).val();
      $('#div1').hide();
      $('#div2').hide();
      $('#div3').hide();
      $('#error').hide();
      if (value == 'map') { // If input value is div1
        $('#div1').slideDown();
      } else if (value == 'derive') { // If input value is div2
        $('#div2').slideDown();
      } else if (value == 'glossary') { // If input value is div3
        $('#div3').slideDown();
      } else if (value != '') { // If input value is wrong
        $('#error').html(value + " is an incorrect input value");
        $('#error').slideDown();
      }
    }
  });
});

Answer 2

function error(){
document.getElementByID('error').innerHTML = "error! unknown command";
}

在你的//上调用它如果输入值错误条件..

用户键入错误的输入值时返回错误消息

2 个答案: