今天工作,遇到一个文本框输入的问题,因为当我输入的内容中前部和后部有空格, 则查询不出来,全半角也是,对策如下:
首先看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页面输入后就能自动将输入的内容进行格式转换了