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

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

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

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

时间: 2024-11-05 18:47:31

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

文本输入框和下拉菜单特效-用正则表达式验证E-mail格式

———————————————————————————— <script type="text/javascript">                        //格式校验            function validateInput(){                //获得文本框的DOM                var myText = document.getElementById("myText");            

文本输入框和下拉菜单特效-判断汉字的个数

————————————————————————— <script type="text/javascript">                        //进行格式校验            function sumInput(){                //获得文本框的DOM                var myText = document.getElementById("myText");                va

华丽导航CSS下拉菜单特效

华丽导航CSS下拉菜单特效,华丽导航,导航特效,CSS,下拉菜单,华丽特效. 代码地址:http://www.huiyi8.com/sc/26811.html 风景图片网:http://www.huiyi8.com/fengjing/

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"></textarea> 下拉菜单:seclet option <select name="home" ><!--下拉列表--> <option value="北 京">北 京</option> <o

前端-text输入框是下拉菜单切能自动匹配

一个真心很好使的前端案例,一个输入框,里边是下拉菜单,可以根据你输入的值自动匹配 是看了下边的帖子深受启发: http://www.runoob.com/try/try.php?filename=tryhtml5_datalist <!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>菜鸟教程(runoob.com)</title>  </

分别用js 和 html/css实现下拉菜单特效

在网站的制作过程,我们常常会遇到导航栏中会出现一级菜单,二级菜单这样的现象,到底如何实现呢?接下里我们用两种方法来实现: 1.用js来实现此效果: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css">

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

形形色色的下拉菜单(特效菜单)

效果图: 素材图片: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title

div模拟select下拉菜单效果

有些时候select下拉菜单直接用css调整样式,可能会有兼容性的问题,尤其是右侧的下拉三角,很难用css控制,那怎么办呢?可以采用div模拟select下拉菜单的效果.先直接上代码了: HTML的结构如下: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>div模拟下拉菜单特效</title> <style type="t