jQuery验证显示成功消息

Moha MBS

我想验证一个字符串,并显示一条成功消息,如果它很好的验证,我有这个:

$(document).ready(()=>{
    console.log("Pagina cargada...");
    jQuery.validator.addMethod('testWord', function (value, element) {
        var validator = this;
        console.log("Value ---> "+/^(El\s|La\s|L')\w+\sés\s\w+/.test(value))
        var res = /^(El\s|La\s|L')\w+\sés\s\w+/.test(value)
        if(res){
            console.log("in if")
            var errors = {};
            errors[element.name] =  "ok";
            validator.showErrors(errors);
            return false
        }else{
            console.log("in else")
            var errors = {};
            errors[element.name] =  "not ok";
            validator.showErrors(errors);
            return false
        }
    });
    $('form[id="second_form"]').validate({
        rules: {
          test: {
                required: true,
                testWord: true,
            }
        }
      });
    
})

而且它不起作用,它没有显示消息。这是我用来测试的单词:

  • 好话:琼很不错
  • 坏话:妈妈不在这里,这很丑。

我在这里放截图:

乌恩茶

这是因为您的表单输入没有name="test"其他问题,该方法始终返回false。

$(document).ready(() => {
  console.log("Pagina cargada...");
  jQuery.validator.addMethod('testWord', function(value, element) {
    var validator = this;
    console.log("Value ---> " + /^(El\s|La\s|L')\w+\sés\s\w+/.test(value))
    var res = /^(El\s|La\s|L')\w+\sés\s\w+/.test(value)
    if (res) {
      console.log("in if")
      var errors = {};
      errors[element.name] = "ok";
      validator.showErrors(errors);
      return true; // <== originally return "false"
    } else {
      console.log("in else")
      var errors = {};
      errors[element.name] = "not ok";
      validator.showErrors(errors);
      return false
    }
  }, "bad input");
  $('#second_form').validate({
    rules: {
      test: {
        required: true,
        testWord: true,
      }
    }
  });

})
<form id="second_form">
  <input name="test" type="text">
</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.min.js"></script>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

覆盖jQuery验证消息

来自分类Dev

jQuery / Ajax返回成功消息并显示“已保存”指示符

来自分类Dev

jQuery验证-在错误消息中显示字段名称

来自分类Dev

angularJS显示消息验证

来自分类Dev

Bootstrap- jQuery AJAX在错误和成功消息上均显示“警告警报-危险”类

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

iOS-如何延迟显示消息“购买成功”以等待验证收据完成

来自分类Dev

使用Jquery验证数据注释,不显示错误消息

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

jQuery验证,显示ID为ID的自定义消息

来自分类Dev

覆盖jQuery验证消息

来自分类Dev

在成功时显示成功消息

来自分类Dev

尝试显示与php echo串联的jQuery成功消息

来自分类Dev

带有ajax / jquery请求的html页面中未显示成功消息

来自分类Dev

日期比较显示验证消息

来自分类Dev

jQuery mobile自动完成功能,在搜索时显示消息

来自分类Dev

在其他元素上显示jQuery验证消息

来自分类Dev

jQuery验证插件未显示自定义消息

来自分类Dev

jQuery验证消息问题

来自分类Dev

在bootsrap文本框旁边显示Jquery表单验证消息

来自分类Dev

jQuery验证插件:成功函数

来自分类Dev

在JavaScript中成功验证后,我无法显示任何消息

来自分类Dev

Symfony验证不显示消息

来自分类Dev

不会显示验证消息

来自分类Dev

如何在弹出窗口中显示jquery验证错误消息?

来自分类Dev

JQuery 验证自定义错误消息未显示

来自分类Dev

仅在使用 jQuery 验证时显示消息

来自分类Dev

验证消息不显示

Related 相关文章

热门标签

归档