JS(javascript)动态判断输入文本框剩余可输入字符数

页面导航:首页 > 网络编程 > JavaScript > JS(javascript)动态判断输入文本框剩余可输入字符数

JS(javascript)动态判断输入文本框剩余可输入字符数

来源: 作者: 时间:2016-02-04 09:15 【

一、描述我们在空间中发表状态,当我们输入一个字符,上面的剩余可输入字符数就会减一,直到输入的字符数达到之前设定的最大数量为止,效果如下图所示:二、实现方法首先,我

一、描述

我们在空间中发表状态,当我们输入一个字符,上面的剩余可输入字符数就会减一,直到输入的字符数达到之前设定的最大数量为止,效果如下图所示:

\

二、实现方法

首先,我们先确定文本框内的最大可输入长度,其次在输入一个字符抬起键盘的时候对输入文本框中的字符长度进行验证,并在动态显示在剩余可输入字符数中。

三、源代码

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com//jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>


<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";


%>


	
	


版块



<script type="text/javascript">	


		//光标离开这个textField就验证该文本框是否为空
		function check(){		   
		    var forumPost = document.getElementById("subject");
			var forumPostName = forumPost.value;
			var subjectchkRule = document.getElementById("subjectchk");
			var postNameRule = document.getElementById("postNameRule");
			
			postNameRule.style.color="#FF0000";
			if(forumPostName == ""){
				subjectchkRule.style.display="none";
				postNameRule.style.display="none";
				postNameRule.innerHTML="*帖子标题不能为空";
				forumPost.focus();					
			}
            else{
            	postNameRule.innerHTML="";
		    }			
			
		}
		
		// 只要键盘一抬起就验证编辑框中的文字长度,最大字符长度可以根据需要设定
		function checkLength(obj)  { 
			
		    var maxChars = 80;//最多字符数     
		    var curr = maxChars - obj.value.length; 
		    if( curr > 0 ){
		    	document.getElementById("checklen").innerHTML = curr.toString(); 
		    }else{
		    	document.getElementById("checklen").innerHTML = '0';
		    	document.getElementById("subject").readOnly=true;
		    }
		} 
		
</script>


	
还可输入 80 个字符


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<