Question

基本上我想要一个包含2个文本字段的表单，但我只希望我的用户填写一个。因此，如果一个人被填满，那么另一个人就会被填满＃34;可以这么说，不能填写。如果他们想要填写白色字段，他们必须删除其中包含文本的字段（然后这两个字段现在都可以写入）。

如何创建此功能？请使用CSS，Javascript或Jquery解决方案。

<form action="" method="post">
<input type="text" id="field1"> <!-- if there's text in this field, don't allow the field below to be filled out-->
<input type="text" id="field2"> <!-- and vice versa with this one-->
<input type="submit" value="submit">
</form>

Answer 1

在没有先做研究的情况下，通过提出这样的问题你不会学到很多东西，但是这是一个使用jQuery的免费赠品，因为它很简单。

$('input').on('keydown', function() {
  if ( $(this).attr('id') == 'field1' && $('#field2').val() ||
       $(this).attr('id') == 'field2' && $('#field1').val() ) {
    return false;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="" method="post">
  <input type="text" id="field1">
  <!-- if there's text in this field, don't allow the field below to be filled out-->
  <input type="text" id="field2">
  <!-- and vice versa with this one-->
  <input type="submit" value="submit">
</form>

当另一个字段具有内容时，不允许在一个字段中输入文本

1 个答案: