论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > javascript教程教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

Javascript控制文本框的输入法切换

文章类别:javascript教程 | 发表日期:2008-10-5 17:48:16

今天忽然遇到一个棘手的问题,用户通过Web系统录入数据时本应该是使用全角输入法的,但用户在录入时一部分使用了半角,导致系统出现问题(至于问题的细节就不讲了),网上游了半天,找到很多方法,因为是使用的是asp.net,所以就存在一个服务器控件和客户端控件的问题.费话少说,先来看客户端的实现:

因为是文本框所以就有以下的解决方法:

  <div style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; Z-INDEX: 103; LEFT: 304px; BORDER-LEFT: 1px dotted; WIDTH: 304px; BORDER-BOTTOM: 1px dotted; POSITION: absolute; TOP: 306px; HEIGHT: 160px; BACKGROUND-COLOR: ghostwhite" ms_positioning="GridLayout">&nbsp; <input id=act style="Z-INDEX: 101; LEFT: 24px; WIDTH: 96px; POSITION: absolute; TOP: 40px; HEIGHT: 22px" onclick="this.style.imeMode='active'" size=10 height="107692336"> <input id=inact style="Z-INDEX: 102; LEFT: 160px; WIDTH: 96px; POSITION: absolute; TOP: 40px; HEIGHT: 22px" onclick="this.style.imeMode='inactive'" size=10 name=Text1 height="36424328">
<div style="DISPLAY: inline; Z-INDEX: 103; LEFT: 24px; WIDTH: 70px; POSITION: absolute; TOP: 16px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>active</p>
</div>
<div style="DISPLAY: inline; Z-INDEX: 104; LEFT: 160px; WIDTH: 70px; POSITION: absolute; TOP: 16px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>inactive</p>
</div>
<input id=auto1 style="Z-INDEX: 105; LEFT: 24px; WIDTH: 96px; POSITION: absolute; TOP: 112px; HEIGHT: 22px" onclick="this.style.imeMode='auto'" size=10 name=Text1 height="107692720"> <input id=disab1 style="Z-INDEX: 106; LEFT: 160px; WIDTH: 96px; POSITION: absolute; TOP: 112px; HEIGHT: 22px" onclick="this.style.imeMode='disabled'" size=10 name=Text2 height="36425352">
<div style="DISPLAY: inline; Z-INDEX: 107; LEFT: 24px; WIDTH: 70px; POSITION: absolute; TOP: 88px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>auto</p>
</div>
<div style="DISPLAY: inline; Z-INDEX: 108; LEFT: 160px; WIDTH: 70px; POSITION: absolute; TOP: 88px; HEIGHT: 15px" ms_positioning="FlowLayout">
<p>disable</p>
</div>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

active

inactive

auto

disable

 

   

 

 

 

 

 

 

 

 

 

再说说服务器的实现,本想通过jscript脚本直接实现的,不过后在利用document.getElementById取元素时总是出现错误提示:元素不存在或不能为空.

最后没办法只能用老办法在服务器实现:

TextBox.Attributes.Add("onclick","this.style.imgMode='disabled'");

庆幸的是最后解决的问题.

上一篇:JavaScript面向对象之方法重载 人气:4415
下一篇:Javascript闭包 人气:6095
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058