使用文本框首字母大写的问题

时间:2013-02-14 19:24:35

标签: jquery textbox capitalize

我使用以下代码来大写输入文本框的第一个字母。问题是当你选择另一个文本框,然后选项卡返回并输入一些内容时,它不会删除那里的内容..它会附加你键入的内容。

可以修复吗?

$(function () {
    $('.userBox').on('DOMAttrModified textInput input keypress paste focus', 
      function (e) {
         $(this).val($(this).val().slice(0, 1).toUpperCase() + 
                $(this).val().slice(1));
      });
});

演示:http://jsfiddle.net/VBXbz/8/

2 个答案:

答案 0 :(得分:1)

<script type="text/javascript" language="javascript">
    function Capitalize(id) {
        var txt = document.getElementById(id);
        txt.value = txt.value.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
    }
</script>

萨拉@ F1

答案 1 :(得分:0)

我只想将焦点绑定到另一个清除输入字段内容的函数。像这样:

$('.userBox').on('focus', function (e) {
    $(this).val("");
}); 

然后你基本上有http://jsfiddle.net/KWRef/

除非我错过了一些你想做的事情?