首页 > JS专栏 > JS中大小写字母互相转换
2015
05-20

JS中大小写字母互相转换

今天写网站的wap时发现,用户在注册时,如果邮箱填写为大写字母(例如HELLOW@126.COM)会导致注册失败,原因是邮箱格式错误。经过研究发现JS对字母的大小写非常敏感,所以想到一个解决方法,那就是在用户输入邮箱的文本框里强制把邮箱地址转换成小写字母,所以问题就解决了。下面的例子详解在JS中,英文字母大小写转换的问题。

1、当用户松开键盘时,该文本框里的大写字母自动转换成小写字母:

<input name="email" type="text" onkeyup="this.value=this.value.toLowerCase()" />

2、当用户松开键盘时,该文本框里的小写字母自动转换成大写字母:

<input name="email" type="text" onkeyup="this.value=this.value.toUpperCase()" />

3、还有一种使用CSS实现的方法,这个方法可以实现表面上的小写转大写,但是在提交表单和复制粘贴时是不起作用的:

<input name="email" type="text" style="text-transform:uppercase;" />


留下一个回复