試圖做AA流星形式表單驗證與jQuery插件提交從atomsphere

Question

我想在流星JS

使用這個插件https://github.com/DiegoLopesLima/Validate現在，當我CONSOLE.LOG $('form').validate();

我得到

[form.mainForm, selector: "form", context: document, jquery: "1.11.0", constructor: function, toArray: function…]

我è假如真的假，那麼我可以在驗證是真或假時提交表單。

這是我的提交活動。

Template.contactSubmit.events({ 
    'submit form': function(e) { 
    e.preventDefault(); 


    var post = { 
     email: $(e.target).find('[name=email]').val(), 
     name: $(e.target).find('[name=name]').val(), 
     question: $(e.target).find('[name=question]').val(), 
     found_us: $(e.target).find('[name=found_us]').val() 

    }; 

    $('form').validate(); 

    post._id = Contacts.insert(post); 
    Router.go('acorn', post); 
    } 
}); 

這是我提交模板 注意data-required在第一輸入

<template name="contactSubmit"> 
    <form class="mainForm"> 
    <div class="control-group"> 
     <label class="control-label" for="email">email</label> 
     <div class="controls"> 
      <input data-required name="email" type="text" value="" placeholder="Your email"/> 
     </div> 
    </div> 

    <div class="control-group"> 
     <label class="control-label" for="name">name</label> 
     <div class="controls"> 
      <input name="name" type="text" value="" placeholder="name"/> 
     </div> 
    </div> 

    <div class="control-group"> 
     <label class="control-label" for="question">question</label> 
     <div class="controls"> 
      <textarea name="question" type="text" value="What do you want to build?"></textarea> 
     </div> 
    </div> 

    <div class="control-group"> 
     <label class="control-label" for="found_us">found us</label> 
     <div class="controls"> 
      <textarea name="found_us" type="text" value="How did you find us?"></textarea> 
     </div> 
    </div> 

    <div class="control-group"> 
     <div class="controls"> 
      <input id="submitContact" type="submit" value="Submit" class="btn btn-primary"/> 
     </div> 
    </div> 
    </form> 
</template> 

Answer 1

喜歡它，你應該不使用插件。它期望這樣的有效回調：

$('form').validate({ 
    sendForm: false, 
    valid: function() { 
     // Here is the code you want to run when the form is valid 
     console.log("valid !"); 
    } 
});