如果用户尝试在输入字段中输入超过最大长度的字符，如何显示错误消息？

Question

当用户试图超过输入字段的最大长度时，我如何return向用户发送错误消息？

这是我在 haml 中使用的代码。

= f.input :title, placeholder: 'Enter Title', :input_html => { :class => "form-control", autocomplete: :off, :maxlength => 255 }

我在这里使用了 maxlength，它工作正常，但我想在输入字段下方显示错误“您已达到最大字符长度”。

有什么方法可以完成这个任务吗？

如有任何帮助，我们将不胜感激。

Answer 1

这是可以帮助您的基本代码

在你的application.js

$('#text-field-id').on('keyup', function() {
  if($(this).val().length > 1) {
    alert('this is max length ');
  }
});

Answer 2

您可以使用 input 触发或 keyup JQUERY

$( document ).ready(function() {
   //make sure name attribute is the same
   $("input[name='title']").on('keyup', function() {
      if($(this).val().length > 255) {
        $(this).css({"color": "red"})
      }else{
        $(this).removeAttr( "style" )
      }
    });
});

如果用户尝试在输入字段中输入超过最大长度的字符，如何显示错误消息？

How to show an error message if user tries to enter more characters than maxlength on input field?

haml

ruby-on-rails

maxlength