文本输入框和下拉菜单特效-首字母或全部字母大写
Posted 承载梦想-韩旭明
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文本输入框和下拉菜单特效-首字母或全部字母大写相关的知识，希望对你有一定的参考价值。
——————————————————————————
<script type="text/javascript">
//格式校验
function validateInput(){
//获得文本框的DOM
var myText1 = document.getElementById("myText1");
var myText2 = document.getElementById("myText2");
var val1 = myText1.value; //文本框1的值
var val2 = myText2.value; //文本框2的值
var errMsg = ‘‘; //定义错误提示字符
//判断是否以大写字母开头
if(val1 != ‘‘ && (val1.charAt(0)>‘Z‘ || val1.charAt(0)<‘A‘)){
//拼接错误字符
errMsg += ‘文本框1的首字母需要大写\n‘;
}
if(val2 != ‘‘ && !/\b[A-Z]+\b/.test(val2)){
//拼接错误字符
errMsg += ‘文本框2的需要全部为大写字母\n‘;
}
if(errMsg != ‘‘)
alert(errMsg); //展示错误提示字符
}
</script>
——————————————————————————————
<body style="text-align:center;">
<!-- 定义文本框 -->
文本框1：<input type="text" value="" id="myText1" />(首字母大写)<br /><br />
文本框2：<input type="text" value="" id="myText2" />(全部为大写)<br /><br />
<!-- 定义按钮 -->
<input type="button" value="提交检验" id="myBtn" onclick="validateInput();"/>
</body>
————————————————————————————————
以上是关于文本输入框和下拉菜单特效-首字母或全部字母大写的主要内容，如果未能解决你的问题，请参考以下文章