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页面输入后就能自动将输入的内容进行格式转换了
首先看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页面输入后就能自动将输入的内容进行格式转换了
相关文章推荐
- jsp实现将动态网页转换成静态页面的方法
- Jquery去掉JSP页面中 text,password等输入内容的空格
- jsp实现将动态网页转换成静态页面的方法
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- jsp页面文本输入框输入参数状态保持
- 移动端html5页面长按实现高亮全选文本内容的兼容解决方式
- 动态jsp页面转PDF输出到页面的实现方法
- 1, 编写程序,当用户在文本框中输入内容之后,单机不同的按钮,能够把文半框中的内容粘贴到文本区中。“重置”按钮实现将文本框和文本区中的内容清空。界面上的文本区只能显示内容,不能让用户输入文本。运行结果
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- 动态页面jsp转换为html静态的网页
- jQuery计算文本宽度和input标签根据输入字符动态自适应宽度的实现
- 巧用jsp页面用表单实现动态打印功能
- 解决jsp页面下拉列表可以输入文本的问题
- 项目总结一:页面弹出框+表单输入与校验形式,实现添加内容到页面
- Android实现动态自动匹配输入内容
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 用Ext.grid.EditorGridPanel 实现页面表格输入,反显的jsp
- Jsp页面弹出输入对话框的实现
- JSP中把动态页面转换为静态页面
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法