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

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

<script type="text/javascript">            
            //进行格式校验
            function sumInput(){
                //获得文本框的DOM
                var myText = document.getElementById("myText");
                var val = myText.value;            //获取用户输入的值
                var sum = 0;                    //定义汉字个数
                for(var i=0;i<val.length;i++){        //遍历
                    var c = val.charAt(i);            //得到当前的字符
                    if(isChineseChar(c)){            //汉字判断
                        sum++;                //个数自加
                    }
                }
                alert("包含汉字个数:" + sum);        //用提示框展示结果
            }
            //汉字校验函数
            function isChineseChar(c){
                var reg = /[\u4E00-\u9FA5]/;        //定义正则表达式
                return reg.test(c);                //返回判断结果
            }
        </script>

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

<body style="text-align:center;">
        <!-- 定义文本框 -->
        请输入:<input type="text" value="" id="myText" /><br /><br />
        <!-- 定义按钮 -->
        <input type="button" value="判断汉字的个数" id="myBtn" onclick="sumInput();"/>
    </body>

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

时间: 2024-11-07 02:47:55

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

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

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

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

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

华丽导航CSS下拉菜单特效

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

C#/asp.net文本长度判断、判断邮件格式、判断下拉菜单、判断是否为数字

/// <summary>        /// 文本长度判断        /// </summary>        public static bool TextLength(int min, int max, string s)        {            if (s.Length < min || s.Length > max)            {                return false;            }      

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

单选按钮:<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