Я пытаюсь создать текстовое поле для пользователя, чтобы ввести имя файла. Используя jquery, имя файла будет просматриваться в DIV ниже текстового поля. При наборе имя файла также должно быть отформатировано в DIV предварительного просмотра, чтобы пробелы были заменены на тире, преобразованы в нижний регистр и в конце добавлен '.php'. Когда печать завершена, значение текстового поля тоже должно измениться, поэтому при отправке формы правильное форматирование - это то, что отправлено в мой сценарий обработки.
Например, если пользователь вводит «New Filename Here», предварительный div должен показывать «new-filename-here.php», когда пользователь печатает, а когда текстовое поле размыто или .focusout, оно также должно отображать «new- имя файла-here.php».
У меня есть пример JsFiddle ниже, который будет просматривать то, что вводится в текстовое поле, но я не могу выполнить вторую часть форматирования имени файла и замены значения текстового поля на .focusout.
Пример JsFiddle: http://jsfiddle.net/Wz4aa/
Весь смысл в том, чтобы пользователь мог предварительно просмотреть, каким будет вновь созданное имя файла, и изменить его по своему вкусу перед отправкой формы.
Любая помощь будет оценена, спасибо!