个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
环境:请使用IE进行测试
要求:我有一条警告消息，检查用户输入的值是否小于 8 位 - 用户将无法移动到下一个字段....他应该留在同一字段上。
问题:除了一件事之外，该功能的一切都很好 - 当用户在文本字段中输入任何小于 8 位数字的值时，他会以光标移动到输入值的第一个字母的方式返回焦点，而它应该返回到输入值的最后一个字母。
代码:
<html>
<body>
<script>
function checkField(field) {
if (field.value.length < 8) {
// Toggle the active element's blur off and back on after the next blur
var active = document.activeElement;
if (active && active !== field) {
var blur = active.onblur || function(){};
active.onblur = function(){ active.onblur = blur };
}
field.focus();
alert("cannot be less than 8 digits");
}
}
</script>
<input type="text" id="test1" onblur='return checkField(this);'>
<br/>
<input type="text" id="test2" onblur='return checkField(this);'>
</tr>
</table>
</body>
</html>
最佳答案
这是一个 hack，但它有效 - 添加一个 onfocus 监听器以用自身替换值，IE 将通过将光标放在末尾来表现 - onfocus="this.value = this.value;":
这样使用:
<input id="test1" type="text" value="whatever" onblur="return checkField(this);" onfocus="this.value = this.value;" />
如果您打算迁移到 JQuery(我推荐)，请查看此插件:
// jQuery plugin: PutCursorAtEnd 1.0
// http://plugins.jquery.com/project/PutCursorAtEnd
// by teedyay
//
// Puts the cursor at the end of a textbox/ textarea
// codesnippet: 691e18b1-f4f9-41b4-8fe8-bc8ee51b48d4
(function($)
{
jQuery.fn.putCursorAtEnd = function()
{
return this.each(function()
{
$(this).focus()
// If this function exists...
if (this.setSelectionRange)
{
// ... then use it
// (Doesn't work in IE)
// Double the length because Opera is inconsistent about whether a carriage return is one character or two. Sigh.
var len = $(this).val().length * 2;
this.setSelectionRange(len, len);
}
else
{
// ... otherwise replace the contents with itself
// (Doesn't work in Google Chrome)
$(this).val($(this).val());
}
// Scroll to the bottom, in case we're in a tall textarea
// (Necessary for Firefox and Google Chrome)
this.scrollTop = 999999;
});
};
})(jQuery);
关于Javascript 文本字段值关注，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6804702/
25
4
0
众所周知，jQuery 的 $.post 函数非常棒，但我遇到的问题是查看页面源代码的人可以查看数据的去向，从而移向该页面进行窥探，或者，上帝禁止找到保存所有内容的文件夹。所以我的问题是，谁知道如何隐
我在下面有这个程序，它执行简单的关注/取消关注功能。一切都很好，除了当我刷新页面时，只有行中的第一个用户保留正确的关注/取消关注按钮。示例 我可以关注 user1 user2 和 user3，但是当我
我想要创建的是一个关注者/关注系统，您不是简单地关注用户，而是关注他们共享的内容部分。几乎就好像您关注的是 Twitter 的“列表”或群组而不是人员。不过，有了这个，您就可以关注/取消关注用户共享的
这个问题已经有答案了: facebook social plug-in not showing up when added dynamically (2 个回答) 已关闭 7 年前。 使用 HTML
我正在构建一个编辑器，它使用 TImage 来显示图片，并具有鼠标事件来能够在图像上绘制、移动框和调整框大小。这一切都很完美。现在我正在尝试实现使用键盘上的箭头移动选定框的功能，但是A)TImage没
我有两个问题，请记住我是一个java新手1.我有一个使用 JFrame 创建 GUI 的类。JFrame 有 2 个面板，我使用 JSplitPane 添加了 问题是我可以设法将焦点设置在所需的 JP
我目前正在使用iOS应用程序进行开发，该应用程序会从流式API捕获一些推文。因此，我使用用户名和密码进行身份验证。除此之外，我想给用户提供在Twitter上关注某些人的机会。我创建了一个UIButto
有没有办法钩入Play evolutions framework这样当它成功从 n.sql 迁移时至 n+1.sql至 n+2.sql ...，它在 Play 应用程序中调用了一些成功后 Hook (
我的 gorm 中有文本模式为多行的文本框。我必须通过 jQuery 将 css 应用到该文本框。为此，我使用了以下脚本。 $(document).ready(function() {
我在强制关注动态生成的 JQuery 对话框内容中的文本字段时遇到问题。我已经在 google 上搜索过这一点，似乎如果 Jquery 对话框设置为模式，JQuery 将“窃取”文档级别的焦点。老实说
下午，我正在使用 PHP、HTML5 和 Bootstrap。我构建了一个分为 5 个选项卡的表单，该表单中有几个必填字段。所有必需的输入字段都是“文本”，并且还标有 required="requir
我创建了一个带有 GridView 的 WPF 页面。在 GridView 中，每行有 5 个可用的 TextBox。当我在第一行的第一个 TextBox 上输入数据，然后按 Tab 键时，焦点移动到
请给我Java中密码验证的正则表达式代码，它应该由一个大写字符、一个整数、一个后面的符号(@、#、$、%、^、&、+、=)和小字符组成。 我一直在尝试使用不同的独立正则表达式和一个组合的正则表达式。
我想在我的 mean-stack 网页上添加一个 Twitter 的关注按钮。我使用以下代码: https://jsbin.com/herikik/3/edit?html,output 在 Ma
在下添加如下代码后到我在 Tumblr 上的主题 .tail { position:fixed; bottom:0px; right:0px; margin-bottom:434px; margin-
我必须从 Angular 应用程序启动一系列窗口。我希望能够让用户单击主页上的按钮以使该窗口重新成为焦点。通常我会在 javascript 中使用类似以下内容来执行此操作: //Launch the
因此，我想显示一些用 AND 或 OR 连接的规则，并且我想为 AND 或 OR 添加颜色，如红色、绿色等。 Fruit = Apple AND Market = SuperMarket1 那么我应该
我正在开发 Windows 商店应用程序，我正在使用 ListView 控件动态添加数据。这些项目被添加到列表的末尾。 Scrollbar 在添加更多数据时出现。我想用底部的滚动条以编程方式突出显示最
(问题仅在 Ubuntu 中出现。在 Windows 中工作正常。我不知道在其他 Linux 环境中) 我已经使用 ComponentListener 的方法在对话框中调用 JTextField 中的
如何将焦点放在时间选择器元素上？我正在开发电视应用程序，因此需要远程操作。所以我需要关注每个元素。TimePicker 有 3 个元素 - 小时列、分钟列和 AM/PM 列。 那么我如何才能专注于这
我是一名优秀的程序员,十分优秀！