文本框的一些处理
不给用户犯错的机会,一起对用户体贴入微地关怀!
一、事项
1. 失去焦点,触发事件(焦点从文本框移除检查);
2. 截取文本内容,装入数组;
3. 对文本内容的符号进行转化(支持中英文符号的输入);
4. 去除多余的输入(如空格);
5. 识别末尾字符,统一格式;
6. 替换文本内容(去除不符合规范的内容)。
二、分列项
Html(Or Jsp)中:
a. 失去焦点,触发事件(焦点从文本框移除检查)
方案:在input标签中添加οnblur=" "事件属性
Js中处理:
b. 通过οnblur="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(“需要放入文本框中的内容”);