【问题标题】:Validation on keyup on onchage not working for meteor js验证 onchange 上的 keyup 不适用于流星 js
【发布时间】:2014-12-14 02:37:16
【问题描述】:

我有以下代码,它适用于提交,但我希望在 onchange 或 onblur 任何输入字段更改时在 keyup 上运行验证。

这不适用于 Onchange 参数。来自https://github.com/DiegoLopesLima/Validate

Template.contactSubmit.rendered = function(){


    $('form').validate({
      onChange: true,
      sendForm:false,
      valid: function() {
          var post = {
            email: $('form').find('[name=email]').val(),
            name: $('form').find('[name=name]').val(),
            question: $('form').find('[name=question]').val(),
            found_us: $('form').find('[name=found_us]').val()

          };

          post._id = Contacts.insert(post);
          Router.go('acorn', post);
          console.log("valid !");
      },
      invalid: function (){
        console.log("notvalid");

      }

  });





}

【问题讨论】:

    标签: javascript jquery validation meteor


    【解决方案1】:

    为什么不从模板事件触发验证?

    Template.contactSubmit.events({
      'change form': function(event, template) {
        validateForm(template.find('form'));
      }
    });
    
    
    var validateForm = function(form){
    $(form).validate({
          onChange: false,
          sendForm:false,
          valid: function() {
              var post = {
                email: $(form).find('[name=email]').val(),
                name: $(form).find('[name=name]').val(),
                question: $(form).find('[name=question]').val(),
                found_us: $(form).find('[name=found_us]').val()
    
              };
    
              post._id = Contacts.insert(post);
              Router.go('acorn', post);
              console.log("valid !");
          },
          invalid: function (){
            console.log("notvalid");
    
          }
    
      });
    }
    

    【讨论】:

    • 当我更改输入且所需输入为空时,无效函数永远不会运行。我尝试将 onChange 设置为 true 没有用。它适用于提交,但不适用于 onChange 或 onKeyup。
    猜你喜欢
    • 2014-03-06
    • 2015-10-22
    • 2021-02-01
    • 1970-01-01
    • 2016-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    相关资源
    最近更新 更多