如何使用 jQuery 验证将光标放置在输入字段的末尾？

发布于 2024-11-17 03:29:37 字数 354 浏览 5 评论 0原文

我试图在验证后将光标放置在输入字段的末尾。这工作正常，除非您输入太多字母（超过输入框的默认长度），最后一个字母不会显示，因为输入的值在清理后被重写。

如何修改此代码以将光标置于输入字段的末尾？

在 html 中：

<input type="text" id="myInput">

在 jQuery 中：

$("#myInput").keyup(
   function(){
      this.value = this.value.replace(/[^a-z]/gi,''); // only letters
   }
);

原文

I am trying to place the cursor at the end of the input field after validation. This works fine, except if you type too many letters (more than the default length of the input box), the last letters do not show, because the value of the input is rewritten after the sanitization.

How can I modify this code to put the cursor at the end of the input field?

In the html:

<input type="text" id="myInput">

In the jQuery:

$("#myInput").keyup(
   function(){
      this.value = this.value.replace(/[^a-z]/gi,''); // only letters
   }
);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

放低过去 2024-11-24 03:29:37

不要在 keyup 事件中进行验证，而是尝试使用 keydown 事件，因为事件触发时字符尚未添加到输入字段。

你可以做这样的事情......

$elem.keydown(function (e) {
    if (isDisallowed(e.which)) {
        e.preventDefault();
        $('#errorMsg').text('That key is not allowed').delay(2000).fadeOut();
    }
});

Instead of validating in the keyup event, try using the keydown event as the character is not yet added to the input field when the event is fired.

You can do something like this...

$elem.keydown(function (e) {
    if (isDisallowed(e.which)) {
        e.preventDefault();
        $('#errorMsg').text('That key is not allowed').delay(2000).fadeOut();
    }
});

回复收藏 0 原文

~没有更多了~