当用户键入不正确的输入值时，返回错误消息

return an error message when the user types an incorrect input value

本文关键字：返回 错误 消息 输入 用户 不正确      更新时间：2023-09-26

这是这个问题的扩展。当用户键入错误的输入值时，我如何返回错误消息？但不是一个警告框，我有一个div，当他们输入我设置的的三个值之外的其他值时，我想显示它

// 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();
  }
});
<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>

我设置的三个值是"map"、"derive"answers"glossary"。当用户输入任何不正确的值时，如何显示错误div？

我为您构建了一个工作示例：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();
      }
    }
  });
});

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

调用//如果输入值错误条件

相关文章：