我正在尝试为用户创建一个文本框以输入文件名。使用jquery，文件名将在文本框下方的DIV中预览。键入时，文件名也应在预览DIV中格式化，以便用短划线替换空格，转换为小写，并在末尾附加“.php”。键入完成后，文本框值也应该更改，因此在提交表单时，正确的格式是发布到我的处理脚本的内容。
例如，如果用户键入“New Filename Here”，则预览div应显示“new-filename-here.php”，因为用户正在键入，当文本框模糊或.focusout时，它应显示“new-文件名-here.php”。
我在下面有一个JsFiddle示例，它将预览正在键入文本框的内容，但我似乎无法执行第二部分格式化文件名并替换.focusout上的文本框值。
示例JsFiddle： http://jsfiddle.net/Wz4aa/
这样做的全部意义在于，用户可以在提交表单之前预览新创建的文件名，并根据自己的喜好进行更改。
任何帮助将不胜感激，谢谢！