JS控制输入框内字符串长度_-IT行业第一站
JS控制输入框内字符串长度
标题：JS控制输入框内字符串长度
代码如下:// 获取字符串的字节长度function len(s) {s = String(s);return s.length + (s.match(/[^x00-xff]/g) || "").// 加上匹配到的全角字符长度}
function limit(obj, limit) {var val = obj.if (len(val) & limit) {val=val.substring(0,limit);while (len(val) & limit){val = val.substring(0, val.length - 1);};obj.value =}}
$("#nickName").keyup(function(){limit(this,20);//20字节内})
延伸阅读：
热门搜索：
特色栏目：
类别推荐：JSP+Oracle简便通用的表单数据存储处理方法 - 设计前沿
JSP+Oracle简便通用的表单数据存储处理方法
文章出处：网页教学 作者：佚名　发布时间：
本文以Oracle数据库为例，介绍了在采用JSP技术开发WEB应用时一种简便通用的表单数据存储处理方法，以减轻开发工作量，同时提供了主要的程序代码。
J2EE(Java 2 Enterprise Edition)技术已广泛应用在Web应用开发中，其中的JavaBean、Servlet技术为开发者提供了更为清晰的开发环境，使用JSP技术表现页面，使用Servlet技术完成大量的业务处理，使用Bean来存储数据及一些业务处理。在WEB应用中，业务数据存储到数据库中的处理工作经常很繁重，其中一种主要的形式就是表单数据存储到数据库，整个应用处理过程牵涉到大量的这种数据存储操作，对每个表单都要单独编写相应的数据存储程序，花费了开发人员大量的时间和精力。采用什么方法来减轻表单数据存储的开发工作量是值得研究的问题。
两种常见的表单数据存储处理方法
1、对每一表单都编写相应的程序代码
在JSP页面或JavaBean或Servlet中，使用request. getparameter()函数逐一提取表单提交的数据，或编写相应的JavaBean，使用setProperty方法将数据自动取到JavaBean中，然后生成SQL语句（insert，update，delete），最后执行executeupdate()函数完成数据表存储。
2、对每一数据表自动生成一个JavaBean程序代码
数据库系统必须支持用户能够读取表结构，并识别关键字段。利用面向对象快速开发工具，如PowerBuilder、Delphi等，自行开发一个java代码自动生成程序。在该程序中读取数据库表的结构：字段名、数据类型、数据长度，自动生成一个JavaBean代码。在该代码中定义与表中字段对应的同名变量，建立所有变量的setValue和getValue方法，建立insert、update、delete函数分别处理insert、update、delete的SQL语句生成和执行。
在表单提交的数据处理页面中，编写如下代码，将表单数据存储到JavaBean中：
＜jsp：useBean id="table" class="table1_bean" /＞
＜jsp：setProperty name="table" property="*" /＞
(注：table1_bean为上述自动生成的对应某一个表的JavaBean)
然后调用table1_bean中insert、update、delete函数完成数据表存储，并返回执行结果。如：
＜%boolean success =table.insert()； %＞
第一种方法简单直观，但对每一表单都需要编写相应的数据处理程序。对稍微大一点的应用，表单数量可能很多，开发工作量很大，开发工作效率低。表结构变动如增加、减少字段时，需修改相应的数据处理程序。
第二种方法相对第一种简便得多，每一数据表的数据处理由对应的JavaBean实现，JavaBean自动生成，不需编写，表结构变动时只需重新生成新的JavaBean，经java编译后覆盖原java类即可。但该方法需要开发JavaBean自动生成程序，表结构变动时JavaBean需要重新生成和编译。
介绍一种简便通用的方法实现表单数据存储
在WEB应用开发中，很多表单在经过前台浏览器端简单的数据校验后，提交后台服务器，服务器对数据不用作任何处理直接将数据存储到一个数据表中。对这种情况，我们可以只编写一个程序，对这些表单统一处理，将数据存储到相应的一个数据表中。该方法同样要求数据库系统支持表结构读取和关键字段识别。我们采用JSP技术编写该程序，程序文件取名为DbdataStore.jsp。
1、调用格式
在网页中表单的Action调用方法如下：
＜Form Name=Frm1 Method=Post Action="DBdataStore.jsp? tablename=table1&OperType=…"＞
table1为数据将要存储的数据库表的表名，OperType操作类型分为三种：insert，update，delete。
表单中的＜input type=text name=…＞，＜textarea name=…＞＜select name=…＞等中的name值应与数据表的字段名相同，DBdataStore.jsp中逐一提取表单提交的对应字段名的数据值，若表单中未定义输入，得到的值为空值，则对该字段不作处理。
2、以oracle为例的视图定义
1) 建立表各列数据类型视图
CREATE OR REPLACE VIEW v_dbstru AS SELECT table_name，column_name，data_type，data_length，data_precision，data_scale，column_id
FROM all_tab_columns WHERE owner='user1'；//user1为数据表的属主。
2) 建立表的关键列视图
CREATE OR REPLACE VIEW v_pkey_column AS
SELECT b.table_name，b.column_name，b.position
FROM all_constraints a，all_cons_columns b
WHERE a.owner=b.owner AND a.constraint_name=b.constraint_name AND a.owner='user1' 　AND a.constraint_type='P'；
3、主要程序代码
1) 程序初始化
String tablename=request.getParameter("tablename")；//提取表名
String OperType=request.getParameter("OperType")；//提取操作类型
String sFieldValue=""；//存放表单提交的字段数据值
String fieldname=""，Datatype="" //存放字段名，字段数据类型
int iFieldvalue=0；
String updateSql=""，whereSql=" where "，insSql1=""，insSql2=""，opSql=""，strSql =""；
ResultSet rs1=null，rs2=null；
insSql1="insert into "+tablename+" ("；
insSql2="values("；
2)生成sql语句关键字段部分
生成insert语句关键字段部分，如：insert into table1(id 和 values(100))；
只使用关键字段生成update，delete语句where部分，如：where id=100；
在操作类型为update时，网页form表单中不对关键字段的数据进行修改。
rs1=Stmt.executeQuery("SELECT column_name FROM v_pkey_column WHERE table_name='"+tablename+"'")；//取关键字段字段名while(rs1.next()){ 　fieldname=rs1.getString("column_name")；　rs2=Stmt.executeQuery("SELECT data_type FROM v_dbstru WHERE 　table_name='"+tablename+"' AND column_name='"+fieldname+"'")；//取关键字段数据类型　if(rs2.next()){　　Datatype=rs2.getString("data_type")；　　sFieldValue=request.getParameter(fieldname.toLowerCase())；　　//生成insert语句关键字段部分 　　if(OperType.equals("insert")){ 　　　insSql1+=fieldname+"，"；　　　if((sFieldValue==null) ){　　　　//表单未提交关键字段数据值时，本文只按数字型处理，数据值按下一流水号计算。 　　　　rs2= Stmt. executeQuery("SELECT max("+fieldname+")+1 FROM "+tablename)；rs2. next()；iFieldvalue=rs2.getInt(1)；insSql2+=Integer.toString(iFieldvalue)+"，"；}else if(Datatype.equals("DATE")){　　　　insSql2+= "To_Date('" + sFieldValue + "'，'YYYY-MM-DD')，"；　　　}else if(Datatype.equals("VARCHAR2") || Datatype.equals("CHAR")){insSql2+="'" + sFieldValue+"'，"；}　　　else /*NUMBER，FLOAT */ insSql2+=sFieldValue+"，"；} 　　　//生成update，delete语句where部分：where fieldname=... AND 　　　if(OperType.equals("update") || OperType.equals("delete")){ 　　　　if(Datatype.equals("DATE")){ 　　　　　whereSql+=fieldname+"=To_Date('" + sFieldValue + "'，'YYYY-MM-DD') AND "；　　　　}else if(Datatype.equals("VARCHAR2") || Datatype.equals("CHAR")){ 　　　　　whereSql+=fieldname+"='" + sFieldValue+"' AND "；}　　　　else /*NUMBER，FLOAT */ whereSql+=fieldname+"="+ sFieldValue+" AND "；} 　　}　}whereSql=whereSql.substring(0，whereSql.length()-4)；
3)非关键字段部分sql语句生成
update语句，如：update table1 set column1=value1，… where id=100
insert语句，如：insert into table1(id，column1，…)values(100，value1，…)
updateSql="update "+tablename+" set "；strSql="SELECT column_name，data_type，data_length，data_precision，data_scale FROM v_dbstru a "+"where table_name='"+tablename+"' AND a.column_name not in (SELECT b.column_name FROM v_pkey_column b where b.table_name=a.table_name)"；rs1=Stmt.executeQuery(strSql)；//取非关键字段字段名和数据类型while(rs1.next()){ 　fieldname=rs1.getString("column_name")；Datatype=rs1.getString("data_type")；　　　sFieldValue=request.getParameter(fieldname.toLowerCase())；//若表单未提交该字段的值，则忽略该字段的处理 　if((sFieldValue!=null)){ 　　//生成insert语句=insSql1+insSql2 即insert into tablename(… 和 values(… 　　if(OperType.equals("insert")){ insSql1+=fieldname+"，"；　　if(Datatype.equals("DATE")){ 　　　insSql2+= "To_Date('" + sFieldValue + "'，'YYYY-MM-DD')，"；　　} else if(Datatype.equals("VARCHAR2") || Datatype.equals("CHAR")){　　　insSql2+="'" + sFieldValue+"'，"；}else /*NUMBER，FLOAT*/ insSql2+= sFieldValue+"，"；} 　　//生成update语句=updateSql+whereSql 即update tablename set ... where fieldname=... if(OperType.equals("update")){ if(Datatype.equals("DATE")){updateSql+=fieldname+"=To_Date('" + sFieldValue + "'，'YYYY-MM-DD')，"；}else if(Datatype.equals("VARCHAR2") || Datatype.equals("CHAR")){ updateSql+=fieldname+"='" + sFieldValue，1}+"'，"；}else /*NUMBER，FLOAT*/ updateSql+=fieldname+"="+sFieldValue+"，"；} )) 　rs1.close()；
4)生成完整的sql语句并执行
if(OperType.equals("insert")) 　opSql=insSql1.substring(0，insSql1.length()-1)+")"+insSql2.substring(0，insSql2.length()-1)+")"；if(OperType.equals("update"))　opSql=updateSql.substring(0，updateSql.length()-1)+" "+whereSql；if(OperType.equals("delete"))　opSql="delete FROM "+tablename+" "+whereSql；//已生成完整的sql语句opSqltry{sqlnrows=Stmt.executeUpdate(opSql)；} catch(SQLException e){out.println("SQLException："+opSql)；}
该方法对所有这种直接存储的表单都统一使用本程序，具有通用性，不必对每个表单或每个数据表独立开发相应程序，开发工作量非常少，调用也非常简便。同时，在表结构变动时，不用修改DBdataStore.jsp程序。本程序也可改写为Servelet，调用格式为＜Form Name=Frm1 Method=Post Action="DBdataStoreServelet?tablename=table1&OperType=…"＞。
在Web应用中，如果表单数据在提交后，还需要服务器后台作进一步的数据校验或处理，则需要采用第二种方法。但很多情况是用户在表单中输入或修改数据，在前台浏览器端使用javascript对数据进行简单校验或处理，然后提交，在后台服务器端不作任何处理，直接将表单提交的数据存储到数据库的一个表中。这时候采用第三种方法非常简便，可以大大减轻开发人员的工作量
??????????????编程开发子分类JS控制多行文本框的行数和最多输入字符数_Java123社区微信号：java123msg |||[][]当前位置: &
& JS控制多行文本框的行数和最多输入字符数ASP.NET MSDN说明 如何：为 TextBox Web 服务器控件指定多行输入 更新：2007 年 11 月 多行 TextBox 控件允许用户在支持自动换行和水平及垂直滚动的框中键入信息。 创建多行 TextBox Web 服务器控
MSDN说明如何：为 TextBox
服务器控件指定多行输入更新：2007 年 11 月多行 TextBox 控件允许用户在支持自动换行和水平及垂直滚动的框中键入信息。创建多行 TextBox Web 服务器控件将 TextBox 控件的 TextMode 属性设置为 Multiline。在代码中，使用 TextMode 枚举设置文本模式。通过设置下列属性来设置控件的大小：& 将 Width 设置为以像素为单位的值，或将 Columns 设置为要显示的字符数。将 Height 设置为以像素为单位的值，或将 Rows 设置为行数。说明：& Height 和 Width 属性不适用于不支持级联样式表 (CSS) 样式的浏览器。 &设置这些属性并不会限制用户可以输入的字符数或行数，而只是限制了所显示的字符数或行数。控件将始终显示垂直滚动条。Height 和 Width 优先于 Rows 和 Columns。说明：& 默认情况下，多行 TextBox 控件将包含一个垂直滚动条。若要隐藏该滚动条，请包括样式属性 overflow: hidden。例如，在
视图中，控件的声明性语法会是下面这样：求达人帮忙 &&asp:TextBox id=&TextBox1& style=&Z-INDEX: 101; LEFT: 56 OVERFLOW: POSITION: TOP: 72px& runat=&server& TextMode=&MultiLine&&&/asp:TextBox&通过设置控件的 Wrap 属性来设置自动换行行为。如果设置为 true，文本将会自动换行（不会嵌入回车/换行符）。如果设置为 false，则文本不换行，用户必须按 Enter 来开始新行，这将嵌入回车/换行符。将 Wrap 属性设置为 false 将使控件显示水平滚动条。 &
var arr = obj.value.split(&\n&);& MaxLength 属性在多行文本框中不起作用。 &-------------------------------------------------------------------------------------------------------这个是从网上找到的，大部分就这样的&script type=&text/script&& &
function CheckLength(obj,maxLength,lines) &
if(obj.value.length & maxLength) &
alert('请确保文本框输入的内容最大长度为'+maxLength+'个字符，超出部分将自动截断！'); &
obj.value=http://topic.csdn.net/u//obj.value.substring(0,maxLength-1); &
var arr = obj.value.split(&\n&); &
var value=http://topic.csdn.net/u//&&; &
alert('请确保文本框输入的内容最大行数为'+lines+'，超出部分将自动截断！'); &
for(loop=0;loop&loop++) &
if(loop != lines -1) &
value=http://topic.csdn.net/u//value + arr[loop] + &/n&; &
value = http://topic.csdn.net/u//value + arr[loop]; &
obj.value = http://topic.csdn.net/u// &
}&asp:TextBox ID=&txtFirProblem& runat=&server& TextMode=&MultiLine&
Height=&230px& Rows=&8&&&/asp:TextBox&&br /& &
CS代码如下： &this.txtFirProblem.Attributes.Add(&onKeyDown&, &CheckLength(this,318,8);&); &this.txtFirProblem.Attributes.Add(&onKeyUp&, &CheckLength(this,318,8);&);这个考虑不到 复制粘贴 情况 & 请问csdn的高手们，谁有完美版本的哦？--------------------------------------------------另一个方法&textarea
style=&width:
100&&&/textarea&&br&
type=button
value=http://topic.csdn.net/u//&最大只留三行&
onclick=&mmm(3)&&
LANGUAGE=&Script&&
& function
document.all.txt.
s.match(/[^\n]+(\n|$)/g);
document.all.txt.value
http://topic.csdn.net/u//
& &/SCRIPT&---------------------------------------------------------------------------大家帮帮我吧，不好发的话 ，我邮箱或者有更好的方法的，谢谢大家了顶一下(0)0%踩一下(0)0%------分隔线------上一篇： 下一篇： 栏目列表推荐内容为了程序的健壮性、扩展性、可维护性，依赖抽象而不是具体实...
今天在实验delegate与thread 在初步的实验结束后，因为原来的del...
接上一版，今天差不多就是三层架构后台代码的完结了，这一版...
1.What？ 什么是属性 属性是对字段的封装。当类中有了一个字段...
Asp.NET网站部署到IIS上面，浏览出现如下图所示错误。 原因原因...
原文地址：WIN7+IIS 7.5伪静态的设置 -----------------------------------...J2EE实验指导书_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者
评价文档：
喜欢此文档的还喜欢
J2EE实验指导书
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：4.92MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢