JS 将输入框中输入的英文字母自动转换为大写的方法

最新推荐文章于 2022-11-12 15:19:54 发布
最新推荐文章于 2022-11-12 15:19:54 发布
阅读量2.1k 收藏 2
点赞数 2
分类专栏： Vant javascript Web FrontEnd 文章标签： toUpperCase 小写转大写 输入框输入小写自动转大写 formatter vant formatter
_格鲁特宝宝原创，转载请务必注明出处
本文链接：https://blog.csdn.net/GrootBaby/article/details/109111990
版权
Web FrontEnd 同时被 3 个专栏收录
226 篇文章 5 订阅
订阅专栏
javascript
72 篇文章 0 订阅
订阅专栏
Vant
8 篇文章 1 订阅
订阅专栏

输入框中小写字母自动转换为大写

方法一

用表单输入框的 onkeyup 属性和 JavaScript 的 toUpperCase() 方法来实现

oninput="value=value.toUpperCase()"

方法二

网上搜索方法，以下方法输入框会有填入再删除的效果，用户体验不是很好

oninput="value=value.replace(/[^0-9A-Z]/g,'')"

方法三

Vant 组件有个 formatter 属性可以用 toUpperCase() 方法默认将输入内容格式化，同方法一

formatterCode(value) {
  return value.toUpperCase()
},

 

_格鲁特宝宝
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js实现用户输入的小写字母自动转大写字母的方法
10-20
首先，JavaScript提供了内置的字符串方法`toUpperCase()`，用于将字符串中的所有小写字母转换为大写字母。这个方法不会改变原始字符串，而是返回一个新的转换后的字符串。例如： ```javascript let lowerCaseStr = ...
js实现用户输入的小写字母自动转大写字母
acongshijia的专栏
09-29 6973
function toUpperCase(obj) { obj.value = obj.value.toUpperCase() }
js字母大小写转换
辣子鸡o的博客
03-03 1万+
js字母大小写转换
用JavaScript编写字符串大小写转换
程序yan的博客
10-13 1万+
这里简单用到按钮的单击时间，根据用户传递参数的不同，完成字符串大小写的转换。 实现准备思想： 首先，编写一个text输入框，用来接受输入数据，当输入字符串为英文字母时，单击转大写按钮，就会在新数据的这个文本框给输出出来，显示的全为大写字母，反之全为小写字母。 实现原理： 单击“转大写”按钮时，调用JavaScript的自定义函数deal（）并传递实参upper表示转大写，在switch...case语句中捕获后即实现字符串的大写转换，反之，单击“转小写”按钮时，传递实参lower，实现转小写功能。
js判断英文字母大小写+js实现首字母大写
m0_52669454的博客
09-04 8355
js判断英文字母大小写+js实现首字母大写
input输入框小写字母自动转换成大写字母的几种方式
恒二哥的博客
11-12 4716
2.还有一种更好的方法，加css样式进行控制处理，用到：text-transform属性，将其设置为uppercase。如果想屏蔽中文和空格：用 onkeyup=“value=value.replace(/[^\w./]/ig,‘’)”text-transform: capitalize /单词首字母转为大写/text-transform: uppercase /转为大写/text-transform: lowercase /转为小写/输入小写时，自动显示为大写，中文汉字不受影响。
英文首字母全大写的js实现脚本
10-30
本脚本主要用于将用户输入的英文文本中的每个单词的首字母转换为大写形式，而单词内的其他字母则保持不变。这种格式在很多场合都非常有用，比如文档标题、文章名称等。 #### 二、脚本核心逻辑分析 该脚本通过以下几...
英文字母大小写转换,仅支持IE
06-03
在这个场景中，"Big_Small.js"可能包含了一个函数，该函数接收用户在"big.html"中输入的文本，然后根据用户的选择（转换为大写或小写）执行相应的字符串方法，如`toUpperCase()`（转换为大写）或`toLowerCase()`...
js fromCharCode输出26个字母的代码
12-09
在JavaScript中，`fromCharCode()`方法是`String`对象的一个静态方法，用于将一串Unicode数值转换成字符串。这个方法可以接受一个或多个Unicode值作为参数，并返回这些值对应的字符组成的字符串。在JavaScript中，...
基于javascript实现数字英文验证码
10-20
它首先检查用户输入是否为空，然后将用户输入转换为大写并与`code`进行比较。如果不匹配，会提示用户重新输入；如果匹配，则显示“成功”。 4. **HTML元素**：HTML部分包括两个输入框（一个用于显示验证码，一个...
js实现文本框中英文字母全部转换成大写
syy的博客
11-06 522
js实现输入框字母大小写转换
web前端入门到实战：JS字符串首字母都大写的几种方法
qf2019的博客
04-06 1088
1、For循环 var a = ‘Hi, my name\‘s Han Meimei, a SOFTWARE engineer‘; //for循环 function titleCase(s) { var i, ss = s.toLowerCase().split(/\s+/); for (i = 0; i < ss.length; i++) { ss[i] = ss[i].slice(0, 1).toUpperCase() + ss[i].slice(1);
js前端的input输入框英文自动转为大写字母方法
hzh2031015的博客
10-15 1859
在写项目时，产品要求特殊输入框需要自动将小写英文字母转为大写字母 在input框的方法中有一个oninput的事件名字 oninput 事件在用户输入时触发。 该事件在 或 元素的值发生改变时触发 在这里说一下oninput和onchange的区别 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。 在输入的时候自动转换所以我们要使用oninput事件 例如 οninput=“value=value.toUpperCase()” 如果value不能用,看
javascript 实现英文首字母大写
Goaread的博客
12-19 4465
实现 javascript 英文首字母大写有多种方法，这里分别介绍了 css 与 js 的实现方式，但主要以 js 为重点。实际开发中，越简单明了越好，css 方式最为直观简单。 css 实现方式 首先介绍 css 实现的方式。 <html> <head> <style> h1 { text-transform: uppercase } p.uppercase { text-transfo
js算法 字母大小写转换
热门推荐
apple_52282345的博客
08-30 2万+
js算法字母大小写之间的转换
easyui input框 输入小写自动变大写
weixin_44791737的博客
10-31 1090
此方法为easyUI实现方式 <input id="createMemberCard" name="createMemberCard" class="easyui-textbox" data-options="events:{keyup:fnKeyUp}"> function fnKeyUp(){ this.value=this.value.toUpperCase(); } ...
js金额自动转换城大写
MrLisen_的博客
01-18 300
js金额自动转换城大写 一、实现思路 1.定义一个文本框，获取用户输入数字，触发一个事件转换成大写追加到页面展示 下面展示一些 代码片段。 // 定义input文本框 <tr id="wdcjTr"> <th>我的出价(元)：</th> input id="jpj" class="jia" type="text" onkeyup="if(isNaN(value))execCommand('undo');formatJe('jpj');" onafterpaste
js 小写字母与大写字母相互转换
qq_26889291的博客
05-24 1388
//小写字母转大写字母 console.log('abcdA'.toUpperCase()); //大写字母转小写字母 console.log('ABCD'.toLowerCase());
Input输入小写即时转大写
Baby_lucy的博客
08-30 2800
//将输入内容转成大写 &lt;input type="text" name="test1" onkeyup="this.value = this.value.toUpperCase();"/&gt; //将输入内容转成小写 &lt;input type="text" name="test2" onkeyup="this.value = this.value.toL
html input 输入的字母自动转换成大写
最新发布
09-05
这样，无论用户输入的是小写字母还是大写字母，在输入框中都会显示为大写字母。 ### 回答3： 要使HTML的input输入的字母自动转换成大写，可以使用HTML的oninput事件和JavaScript的toUpperCase()方法来实现。 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值