Отключите автозаполнение Chrome для поиска по таблице - PullRequest
Новая
       32

Отключите автозаполнение Chrome для поиска по таблице

1 голос
/ 23 октября 2019

Я использую angular-datatables , где Chrome автоматически заполняет поиск таблицы с помощью идентификатора электронной почты.

Я пытался переопределить поиск пустой строкой, но Chrome все равно автоматически заполнялemail-id 

  dtTrigger: Subject<any> = new Subject();
  dtOptions: DataTables.Settings = {};

  this.dtOptions = {
  pagingType: 'full_numbers',
  pageLength: 10,
  "dom": '<"top"f>rt<"bottom"lip><"clear">',
  responsive: true,
  search :{
    search : " "
    }

};

так что здесь search: "any" он ищет что-либо в таблице, я пробовал пустую строку, Chrome автоматически заполняет идентификатор электронной почты.

как заставить chrome не заполнять электронную почту при поиске.

Ответы [ 2 ]

1 голос
/ 23 октября 2019

Я заглядываю в репозиторий Github, чтобы увидеть, как, черт возьми, он работает.

В этой документации я нашел зависимость от библиотеки jquery:

http://l -lin. github.io/angular-datatables/#/getting-started

npm install datatables.net --save

Позже я искал внутри библиотеки jqueryдля поля ввода.

/ node_modules / datatables.net / js / jquery.dataTables.js

в строке 4182 я только что добавил свойство автозаполнение= "off" 

var input = '<input type="search" autocomplete="off" class="'+classes.sFilterInput+'"/>';

Да, это немного сложно, если это сработает, дайте мне знать, чтобы сделать запрос на извлечение данных в репозитории datatables github.

Обновление

Chrome намеренно игнорирует autocomplete = "off" и autocomplete = "false" , поэтому используйте autocomplete = "new-search"

Я не добавляю тот же тег в jquery.dataTables.min.js, и наверняка компилятор использует файл .min.js

Найти следующее выражениеesion внутри

/ node_modules / datatables.net / js / jquery.dataTables.min.js 

'<input type="search" class="'+b.sFilterInput+'"/>'

И заменить на: 

'<input type="search" autocomplete="new-search" class="'+b.sFilterInput+'"/>'
0 голосов
/ 24 октября 2019

, если это приемлемо для вас, это пользовательский поиск таблиц, которые я использую:

html: 

<form  [formGroup]="searchTableForm" (ngSubmit)="onSubmit()">
    <div class="tableSearchBox">
      <input class="tableSearch" required formControlName="search">
      </div>
</form>

.ts: 

onSubmit(){
   this.datatableElement.dtInstance.then((dtInstance: DataTables.Api)=>{
     dtInstance.search(this.searchTableForm.value.search).draw()
   })
}

im runningэто каждый раз, когда значение формы меняется

...