码迷,mamicode.com
首页 > 其他好文 > 详细

文本输入框和下拉菜单特效-首字母或全部字母大写

时间:2016-09-22 15:48:57      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

——————————————————————————

<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>

————————————————————————————————

 

文本输入框和下拉菜单特效-首字母或全部字母大写

标签:

原文地址:http://www.cnblogs.com/hanxuming/p/5896612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!