让文本框会思考

原创 2016年06月08日 11:39:15

文本框的一些处理 


不给用户犯错的机会,一起对用户体贴入微地关怀!


一、事项

1. 失去焦点,触发事件(焦点从文本框移除检查);

2. 截取文本内容,装入数组;

3. 对文本内容的符号进行转化(支持中英文符号的输入);

4. 去除多余的输入(如空格);

5. 识别末尾字符,统一格式;

6. 替换文本内容(去除不符合规范的内容)。

   

二、分列项

Html(Or Jsp)中:

a. 失去焦点,触发事件(焦点从文本框移除检查)

方案:在input标签中添加onblur=" "事件属性

 

Js中处理:

b. 通过onblur="changeContext(this);"传入指定控件(文本框)

方案很多:

1)通过var contextField =obj.value;读入文本内容;

2)通过jquery的$(”#ID”)、$(“.class”)读入;

3)通过js的document.getElementByNames(“name”)、document.getElementById(“ID”)读入;

c. 去除多余的输入(如空格)

方案:contextField = contextField.replace(/\s+/g, "");

d. 截取文本内容,装入数组

var transmit = [];

transmit =contextField.split(",");

e. 识别末尾字符,统一格式

var last= changeFiled.charAt(changeFiled.length - 1);

// 为了便于替换,对最后未加","的,统一补齐

if(last!= ","){

       changeFiled= changeFiled+",";

}

f. 截去最后一个字符

方案:Fileds = Fileds.substring(0,userFileds.length - 1);  // 从索引0开始,读取多少个字符

g. 替换文本内容(去除不符合规范的内容)

$("#ID ").val(“需要放入文本框中的内容”);




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

神奇的IE6、IE7,莫名其妙的bug——单元格的高度会影响文本框的宽度?

很多时候古老浏览器带来的问题往往出乎我们意料,而多数时候我们都能找到一个原因来解释这个bug,但今天在IE6和IE7遇到的bug确实让摸不着头脑,见下图: 从图片可以看到有两个问题: 1、表格...
  • nhconch
  • nhconch
  • 2013年08月14日 18:03
  • 2213

c# 文本框只能输入数字

  • 2016年10月09日 14:42
  • 832B
  • 下载

(总结)Swing组件的使用---文本框(JTextField)与文本区(JTextArea)

一:JTextField的(文本框)使用:  JTextField 是一个轻量级组件,它允许编辑单行文本。 1.JTextField的常用构造方法:   JTextField() 构造一个新...
  • LYXAICLR
  • LYXAICLR
  • 2012年04月06日 22:26
  • 58016

Asp.net使用MY97 文本框之间的日期联动

最近在使用My97日期控件的时候,遇到了这样一个问题:需要在选择一个日期之后,在另一个日期框中自动显示添加15天之后的日期。 本来希望在文本框的OnTextChanged事件中进行后台代码的编写,但是...

文本框测试用例整理版

  • 2015年12月03日 09:05
  • 32KB
  • 下载

添加文本框

  • 2015年03月26日 12:43
  • 33KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:让文本框会思考
举报原因:
原因补充:

(最多只允许输入30个字)