如果用户尝试在输入字段中输入比 maxlength 多的字符,如何显示错误消息?

发电机

当用户尝试超过输入字段的最大长度时,如何向用户返回错误消息?

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

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

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

有什么办法可以完成这个任务吗?

任何形式的帮助将不胜感激。

7urkm3n

您可以使用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" )
      }
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何防止用户使用jQuery以maxlength输入值

MaxLength注释为maxlength输入属性

在输入中获取 Javascript maxLength

如何使用jQuery设置NUMBER个输入的maxLength

达到maxlength时如何为输入元素添加样式?

如何为 Ionic 1 输入类型设置 maxlength?

如果字段为空并且用户正在尝试提交表单,如何使输入字段边框为红色

如何忽略textFormField的maxLength属性中的空格?

如何在具有maxLength属性的输入中获取所有粘贴的字符串?

尝试在EditText中设置maxLength,但字符仍可以超出max

输入字段的Maxlength属性不受重视

如果模式关闭,如何在textarea中重置我的maxlength?

当输入是 Button.Content 而不是键盘时,如何在 PasswordBox 中设置 MaxLength?(WPF)

限制虚拟键盘输入到输入字段 maxLength JavaScript

如何基于HTML5中相同形式的另一个字段中的数据在输入上设置maxlength?

如何在 bootstrap maxlength 上手动设置当前输入的字符?

Django中Integer字段的MaxLength

如果用户输入“五百个”,“输入类型=数字”如何显示错误消息

如何在正则表达式中设置maxlength?

如何在Android TextView中以编程方式设置maxLength?

使用 ng-maxlength 时显示错误消息

如果输入类型为数字,则maxlength = 5不起作用

如何防止用户在输入字段中不输入字母?

如何检查用户是否已停止在输入字段中输入?

如何强制用户不在输入字段中输入代码?

如何限制用户仅在输入字段中输入数字?

如何防止用户在输入字段中只输入数字

与虚拟键盘集成的输入字段的最佳MaxLength和MinLength

maxlength属性的角度验证消息