如何防止自动填充填写表单上的所有输入字段?

时间:2018-05-24 18:19:36

标签: javascript jquery



$(document).ready(function() {
  $('#source').keyup(function() {
    var query = $(this).val();
    if (query != '') {
      $.ajax({
        url: "search.php",
        method: "POST",
        data: {
          query: query
        },
        success: function(data) {
          $('#sourcelist').fadeIn();
          $('#sourcelist').html(data);
        }
      });
    }
  });
  $(document).on('click', 'li', function() {
    $('#source').val($(this).text());
    $('#sourcelist').fadeOut();
  });
});
$(document).ready(function() {
  $('#destination').keyup(function() {
    var query = $(this).val();
    if (query != '') {
      $.ajax({
        url: "search1.php",
        method: "POST",
        data: {
          query: query
        },
        success: function(data) {
          $('#destinationlist').fadeIn();
          $('#destinationlist').html(data);
        }
      });
    }
  });
  $(document).on('click', 'li', function() {
    $('#destination').val($(this).text());
    $('#destinationlist').fadeOut();
  });
});




1 个答案:

答案 0 :(得分:0)

这与AJAX甚至JavaScript无关。这就是自动完成作为浏览器功能的方式。

添加:

autocomplete="off"

到不应自动填写的元素的HTML应该在你不想要它的字段上禁用它。

但是,如 MDN

所述
  

在某些情况下,浏览器会继续建议自动完成值   即使autocomplete属性设置为off。这出乎意料   对于开发人员来说,这种行为可能会令人费解诀窍真的   强制no-autocompletion是为了分配一个随机字符串   属性,例如:

autocomplete="nope"