繁体   English   中英

防止用户离开输入字段

Preventing user from leaving input field

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试在前端(IE11)上进行输入字段验证。

输入验证失败时,用户不应离开输入字段。 他也不能激活页面上的其他控件。

我尝试通过使用重新获得焦点

element.onblur = (event) => { 
$(id).focus();
}

并通过使用来阻止任何点击

window.onclick = (event) => {
event.preventDefault();
window.event.cancelBubble = true;
window.event.returnValue = false;
}

但是页面上仍有激活的控件(如“选项卡”和“选择框”)。

关于如何将用户限制为特定输入字段的任何想法?

1 个回复

您可以使用setInterval()方法。 做这个:

 var test = false; var myTimer = setInterval( function() { if ( $( '.hello' ).val() == 'hello' ) { test = true; clearInterval( myTimer ) } else { test = false; $( '.hello' ).focus() } }, 1 ) window.onclick = function( e ) { if ( !test && !e.target.matches( '.hello' ) ) e.preventDefault() } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p> <a href="https://stackoverflow.com">This is a Link</a> <input type="checkbox" id="chk"> <label for="chk">This is a Checkbox</label> </p> <p>Only valid content is: <b>hello</b><br><input type="text" class="hello"></p> 

3 如何防止用户离开?

在我的SAPUI5应用程序中,我使用sap.tnt.Toolpage作为主布局容器。 SideNavigation显示应用程序链接的列表,并且mainContents使用sap.ui.core.routing.Router动态加载。 要导航到我正在使用的详细信息页面 这将加载一个 ...

5 如何防止用户离开我的页面[重复]

这个问题已经在这里有了答案: 防止使用JavaScript 9回答 浏览网页 防止用户在js中离开我的页面 2个答案 我正在尝试使用spring-mvc和html,css,jquery进行在线测试,并且我想防止进行测试的用户在进行测试时离开测试屏幕。 有 ...

6 jQuery uplodify:如何防止用户离开页面

我们的Web应用程序当前正在使用uploadify(v2.1.4)将多个文件上传到我们的远程服务器。 但是,当用户上传文件时,他可能会意外地(或有意地)导航出上传页面,并且上传将停止。 它有效,用户收到通知。 但是...当前文件上传失败(uploadify.js收到错误:2038 ...

7 wxWidgets防止用户离开目录

如何防止用户离开希望他从中选择的文件目录? 我的项目目录中有一个resources文件夹,我想在其中放置用户可以选择的所有可能的文件选项。 我不希望用户离开此文件夹并选择其他文件,因为它们很可能格式不正确(我说的是存储轨道的.xml文件)。 有没有一种方法可以确保用户只能使用wxFil ...

8 WPF:防止用户离开TextBox?

我赢得了其他战斗,但输掉了这场比赛-我们的设计有时会迫使用户进入战场。 显然,代码示例过于简化。 让我知道是否需要在某处提供更多详细信息。 XAML: XAML.CS: 默认情况下,应用程序在textBox1上启动时带有焦点/光标。 该TextBox的PreviewL ...

9 防止用户离开Swift网站

我想在一个显示网站的iPad-App中创建一个WebView。 我想防止用户单击链接到其他网站(例如Facebook,Twitter等)的链接,但是应该允许他在当前网站上自由移动。 我该如何实现? 我尝试过: 虽然没有用。 我仍然可以访问其他网站。 如果有人可以帮助 ...

10 如何防止用户在字段上输入特定数据?

我想防止用户/组根据合作伙伴参考字段是否为空白来编辑采购订单。 我尝试使用以下域规则创建非全局访问控制规则: 适用于创建,写入和删除。 如预期的那样,用户无法使用非空白的合作伙伴参考来创建,删除或更改采购订单。 但是,如果用户使用空白伙伴引用创建记录,然后保存并进行编辑,则他可以使 ...

2014-03-27 20:50:20 0 110   openerp
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM