最经有一个项目是给化工厂做的在使用的过程中需要输入大量的数据,使用的都是小键盘区,在以前都是通过excel录入数据的现在,
在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么好用,也有人提供了这方面的思路如何来做,
经过本人的整理和测试,能够很好的解决这个问题:
需要的条件
1,Jquery库地址可以到jquery.com官网上去下载最新的
2,查看界面表单的结构和相对应的表单位置
以下是一些才是表单结构
复制代码 代码如下:
<fieldset>
<legend>登录表单</legend>
<ol>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="UserName" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox1" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox2" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox3" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox4" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox5" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox6" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox7" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="UserName">用户名</asp:Label>
<asp:TextBox runat="server" ID="TextBox8" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="用户名字段是必填字段。" />
</li>
<li>
<asp:Label runat="server" AssociatedControlID="Password">密码</asp:Label>
<asp:TextBox runat="server" ID="Password" TextMode="Password" />
<asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="field-validation-error" ErrorMessage="密码字段是必填字段。" />
</li>
<li>
<asp:CheckBox runat="server" ID="RememberMe" />
<asp:Label runat="server" AssociatedControlID="RememberMe" CssClass="checkbox">记住我?</asp:Label>
</li>
</ol>
<asp:Button runat="server" CommandName="Login" Text="登录" />
</fieldset>
注意需要定位表单的上下文标签关系
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
生成页面以后不管标点元素在什么位置在何处 但是有一点结构式不变的label 元素后面就是我们要切换到表单元素并且 type="text"
那么通过Jquery的选择器 层级选择器prev+next 定位 不太了解的可以查看jquery 的帮助文档,只要能定位到要选择的元素即可用什么方式无所谓
一下是关键脚本代码:
复制代码 代码如下:
<script type="text/javascript">
$(function () {
var i = 0;//索引
//以上的表单位置和上下文之间的关系就是label 后面总会有一个input 标签type 可能是Password 可能是text 或者是其他的
//可以按照个人需求修改,这里只定位到type="text" 的表单如果是又有表单的话改成 $("label+ input") 即可按个人需求
$("label+ :text").each(function () {
$(this).keydown(function (e) {
if (e.keyCode == 13) {
i++;//下一个定位的索引
try {
$("label+ :text")[i].focus();
} catch (e) {//到了最后一个的下一个可能找不到元素会出现异常通过try 捕捉不至于程序出现异常
return false;//必须要写以免错误信息被提交
}
return false;//必须要写以免错误信息被提交
}
});
});
});
</script>
可以试试!!!希望对你们有所帮助
相关推荐:
seo高手有什么条件,seo难上手吗 ,指南ai写作电力创新
“曝光量扩大,助力品牌腾飞的秘密武器”,盐山网站优化免费咨询
seo用什么论坛引流,seo引流方法 ,ai写作续写神器
互联网快照:记录数字时代的每个瞬间,全网seo怎么优化内容
AI撰写工具的无限可能,让内容创作更高效、更精彩!
亚马逊站内seo是什么优化,亚马逊seo关键词优化软件 ,ai画卡通章鱼
SEO导航:助力网站提升流量与排名的必备工具,荣昌建筑网站建设
SEO自行:提升网站流量的秘密武器,邹平县个人网站建设建议
GoogleSEO打满分自然流量会高吗?揭开SEO优化的真相,猪插画ai
seo的推广工具,seo推广软件哪个好 ,国内ai写作论文怎么样
BingAdapter设置数据后没有显示数据?解决方案在这里!,ai中如何把图变形
AI智能时代的到来:如何利用人工智能推动生活与商业创新,ai相册下载
“关键词指白”:揭秘如何通过精准关键词优化实现流量暴增,全面分析网站seo
什么是seo概念,什么是seo,sem ,ai音标谐音
亚马逊产品seo什么意思,亚马逊平台产品专业术语 ,小新同学ai
为什么说seo重要,为什么说seo重要一点 ,中通智能ai是什么意思
SEO译为:网站排名背后的优化策略,会展中心网站优化
SEO努力:提升网站排名的关键策略,网站建设微企动力
ChatGPT5.0为什么一直没出来?背后的技术与战略,元宵节ai趣赏月
二次创作的魅力与潜力:创意无限的数字时代,天长外贸网站建设
AI人工智能文章生成平台,释放创作无限可能
未来智能:AI智能人工软件引领数字化变革
ChatGPT网页版内容显示不全的原因与解决方案,ai超级绘
ChatGPT付款银行卡被拒绝?解决方案全解析!,小发猫ai智能写作查重能过吗
如何识别文章是否由AI撰写?揭开智能写作的秘密
ChatGPT:我目前无法查看或解析附件,您是否遇到过这样的困扰?,ai+燃烧
GPT-3模型下载:开启智能时代的无限可能,ai走入
【SEO优化全攻略】提升网站流量的终极秘籍,带你轻松玩转搜索引擎优化!,金融网站推广维护
ChatGPT内部HTTP接口文档-为开发者提供高效便捷的AI服务接入方式,安屿ai
seo适用于什么领域,seo适用于什么领域中 ,ai智能翻译写作机器人v1.0
ChatGPT网页打不开?快来看看这些解决办法,轻松恢复正常访问!,ai金色包装
什么是seo如何进行seo,何谓seo ,红米的AI摄影什么意思
ChatGPT页面无法翻阅?带你深度了解背后的原因与解决方案,pdf怎么转换ai文字
二SEO是什么,h二seo三是什么 ,ai手术机
AI文章精简-高效提炼与优化你的内容创作,ai quid
seo资源指的是什么,seo资料 ,绿眼AI
丹东seo是什么怎么选,丹东spr ,黑发ai图
SEO要好,网站流量翻倍的关键秘诀,品牌网站建设关键词优化
打造高效创作体验,写文章AI软件重塑内容生产力
从零到一:网站历史的演变与未来趋势,肇庆市国外网站建设平台
SEO指:如何通过精准优化提高网站流量和转化率,无锡论坛营销推广要多久
WP原创:打造属于你的独特网站,从这里开始!,一个网站推广一个月需要多少钱
SEO妍:搜索引擎优化的艺术,轻松打造网络营销新未来,辽宁网站建设贵不贵
自动生成文章的AI软件,助力内容创作的未来
SEO更好,让你的网站从此脱颖而出,渝中的知名网站建设
AI+写文章:开启智能创作新时代
ChatGPT页面无法下拉?禁用浏览器扩展,轻松解决!,imba 1.6 ai
SEO怎么做才能提升网站流量与排名?这篇文章给你全攻略,铁岭定制网站推广公司电话
SEO广告:如何借助SEO提升品牌曝光与销售业绩?,网站推广怎么选择
GoogleGPT-引领未来智能对话的革命,灵境ai画质