Asp.net使用jQuery将文本框输入转换为大写

时间:2017-06-06 14:48:54

标签: javascript jquery asp.net

我希望在用户编写时将文本框中的文本转换为大写。

HTML / ASPX:

<asp:TextBox runat="server" ID="mytextbox" onkeydown="toUpperCase()"></asp:TextBox>

的jQuery

function toUpperCase() {
    $(this.val) = this.val.toUpperCase();
}

2 个答案:

答案 0 :(得分:0)

您的代码应该看起来像$(this).val($(this).val().toUpperCase());

你也可以使用纯css。

 #mytextbox{
    text-transform:uppercase;
 }

&#13;
&#13;
$('#mytextbox').keyup(function() {
    $(this).val($(this).val().toUpperCase());
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="mytextbox"></textarea>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

使用以下符合您要求的代码。我们提供了所有代码,以便在按键和键盘上更改大写。您可以同时使用html和Asp控件。

&#13;
&#13;
function toUpperCase(ctrl) {
    $(ctrl).val($(ctrl).val().toUpperCase());
}
&#13;
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<table>
<tr>
<td>Enter value to change per character:-</td><td><input type="text" id="txt1" onkeyup="toUpperCase(this);" /></td>
</tr>
<tr>
<td>Enter value to change previous character:- </td><td><input type="text" id="txt2" onkeydown="toUpperCase(this);" /></td>
</tr>
</table>
</body>
</html>
&#13;
&#13;
&#13;