如何使用Jquery将所有输入值更改为大写？

Question

我希望在提交表单之前将所有表单值更改为大写。

到目前为止，我有这个，但它没有用。

$('#id-submit').click(function () {
        var allInputs = $(":input");
        $(allInputs).value.toUpperCase();
        alert(allInputs);
});

Answer 1

尝试如下，

$('input[type=text]').val (function () {
    return this.value.toUpperCase();
})

您应该使用input[type=text]代替:input或input，因为我相信您的目的只是在文本框上操作。

Answer 2

使用css：

input.upper { text-transform: uppercase; }

可能最好使用该样式，并转换服务器端。还有一个强制大写的jQuery插件：http://plugins.jquery.com/plugin-tags/uppercase

Answer 3

$('#id-submit').click(function () {
    $("input").val(function(i,val) {
        return val.toUpperCase();
    });
});

FIDDLE

Answer 4

您可以使用each()

$('#id-submit').click(function () {
      $(":input").each(function(){
          this.value = this.value.toUpperCase();          
      });
});

Answer 5

使用css text-transform显示所有输入类型文本中的文本。 在Jquery中，您可以在blur事件上将值转换为大写。

的CSS：

input[type=text] {
    text-transform: uppercase;
}

Jquery的：

$(document).on('blur', "input[type=text]", function () {
    $(this).val(function (_, val) {
        return val.toUpperCase();
    });
});