Переименовать текст (изменить пространство на точку) при вводе с помощью JavaScript - PullRequest
0 голосов
/ 27 февраля 2019

посмотрите: я заправляю этот файл .. и он показывает вот так shows like this shows like this2

и мне нужно переименовать его так: rename it well

Я бы хотелавтоматически переименовывать пробелы по периодам и удалять другие символы, такие как [,()!;'\[\]}{=]

Честно говоря, у меня нет сценария, потому что я не знаю, как это сделать, у меня был один, но это был несчастный случай, ха-ха;Я сломал все HTML: / Мне просто нужно изменить текст на входе.скрипт в javascript или jquery Я уточняю, что тексты всегда разные

Я оставляю вам jsfiddle https://jsfiddle.net/qwertyip/j4dcsL7n/12/

НадеюсьВы можете помочь мне, с уважением

1 Ответ

0 голосов
/ 27 февраля 2019

Я не уверен, когда вы хотите изменить значение, но это обновит значение для вас:

// Get a reference to the element in question
let renameThese = Array.from(document.querySelectorAll("input[name^='rename']"));

// Loop through all the elements to be renamed
renameThese.map(el =>
  // Replace the spaces with periods and remove all the other characters.
  el.value = el.value.replace(/\ /g, '.').replace(/[\[\]\{\}\(\)\;\!\;\'\=]/g, ''));
<table id="list-files" class="table table-striped table-condensed table-hover">
  <thead>
    <tr>
      <th width="35">
        <div class="checkbox-custom checkbox-default">
          <input type="checkbox" id="select-all-files" checked="">
          <label for="select-all-files"></label>
        </div>
      </th>
      <th>File</th>
      <th>Size</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="checkbox-custom checkbox-default"><input name="files[]" checked="" type="checkbox" value="2"><label></label></div>
      </td>
      <td class="pt-none pb-none">
        <div>
          <div class="pull-left mt-xs mr-xs">PDF Shaper Professional v8.9 (2-click run) / </div>
          <div style="overflow:hidden"><input class="form-control input-sm m-none" style="background-color: transparent" type="text" name="rename[2]" value="PDF S[]{}haper Professional v8.9 (2-click run).exe"></div>
        </div>
      </td>
      <td>17.2 MiB</td>
    </tr>
    <tr>
      <td>
        <div class="checkbox-custom checkbox-default"><input name="files[]" checked="" type="checkbox" value="2"><label></label></div>
      </td>
      <td class="pt-none pb-none">
        <div>
          <div class="pull-left mt-xs mr-xs">PDF Shaper Professional v8.9 (2-click run) / </div>
          <div style="overflow:hidden"><input class="form-control input-sm m-none" style="background-color: transparent" type="text" name="rename[2]" value="PDF S[]{}haper Professional v8.9 (2-click run).exe"></div>
        </div>
      </td>
      <td>17.2 MiB</td>
    </tr>
  </tbody>
</table>

Примечание. Если вы оставите комментарий, когда хотите обновить значение, оставьте комментарий и обновите его, в противном случае, вот и все.

...