您的位置:首页 > Web前端 > JavaScript

Javscript实现动态更改jsp页面文本输入框内容的空格和全半角转换

2011-07-08 16:34 661 查看
今天工作,遇到一个文本框输入的问题,因为当我输入的内容中前部和后部有空格, 则查询不出来,全半角也是,对策如下:

首先看JSP页面中输入文本框:
<s:form action="listTestquestionByRadio" method="get" namespace="/testquestion">
<input name="subject.id" value="${subject.subjectId}" type="hidden"/>
按题目查找: <input type="radio" value="1" name="radio1">
按ID查找: <input type="radio" value="2" name="radio1">
<input type="text" name="titleOrId" >
<input type="submit" value="Go" >
</s:form>

然后,我在页面中引入了一个名为Style的js
<script type="text/javascript" src="${ctx}/static/js/style.js"></script>

最后看最重要的内容,style.js中的方法:
$(function(){

/*
* 用于输入文本框内容的空格的去掉
* @author cunji
* */

$("input[type='text'],input[type='password']").change(function(){$(this).val($.trim($(this).val()));});

/*
* 用于输入文本框内容的全半角转换(半角转化为全角,包括空格 @ 其它字符)
* @author gll
* */
$("input[type='text'],input[type='password']").change(function(){
var res = "", c;
for ( var i = 0; i < $(this).val().length; i++) {
c = $(this).val().charCodeAt(i);
if (c >= 0xFF01 && c <= 0xFF5E)// 65281 65374
{
res += String.fromCharCode(c - 0xFEE0);// 65248
} else if (c == 0x3000)// 12288
{
res += String.fromCharCode(0x20);// 32
} else {
res += $(this).val().charAt(i);
}
}
$(this).val(res);
});
});

大功告成,在jsp页面输入后就能自动将输入的内容进行格式转换了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐