首页 > 代码库 > 文本输入框和下拉菜单特效-首字母或全部字母大写
文本输入框和下拉菜单特效-首字母或全部字母大写
——————————————————————————
<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="http://www.mamicode.com/提交检验" id="myBtn" onclick="validateInput();"/>
</body>
————————————————————————————————
文本输入框和下拉菜单特效-首字母或全部字母大写