метеор форма проверки с использованием петрушки

Question

Я понятия не имею, как это происходит, я следовал за шагами на пакете метеорной петрушки.

Я хочу, чтобы форма не была отправлена, если нет действительного ввода. хотя он показывает undefined при добавлении для url, но я хочу ограничить форму от отправки до тех пор, пока она не удовлетворяет условию.

<form class="form-horizontal" role="form" id="addItem" data-parsley-validate>  
<div class="form-group form-group-sm"> 
    <label class="col-sm-2 control-label" 
     for="sm">Listing URL</label> 
    <div class="col-sm-3"> 
    <input type="url" 
      class="form-control" 
      id="listing_url" 
      placeholder="Enter the listing URL" 
      data-required='true' 
      data-type='url' 
      data-trigger='change'/> 
    </div> 
</div> 
<div class="container "> 
    <div class="panel-footer"> 
     <button class="btn btn-danger btn-md">Clear</button> 
     <button class="btn btn-success btn-md pull-right submit">Submit</button> 
    </div> 
</div> 

Template.addItem.events({ 
    'click .submit': function() { 
    var current_date = moment().format("DD-MM-YYYY hh:mm"); 
    var insertform = { 
     created_at: current_date, 
     url: $('#url').val() 
    } 
     console.log('insertform:', insertform); 
     insertForm.insert(insertform);  
    } 
}) 
Template.addItem.onRendered = (function() { 
    // Setup parsley form validation 
    // replace form with the id of your form 
    $('#addItem').parsley({trigger: 'change'}); 
}); 

Answer 1

Вы должны проверить, если форма, действительное и затем запустить ваш отправить код.

var formValid = $('#addItem').parsley('validate') 
    if (formValid) 
    { 
     var current_date = moment().format("DD-MM-YYYY hh:mm"); 
     var insertform = { 
      created_at: current_date, 
      url: $('#url').val() 
     } 
     console.log('insertform:', insertform); 
     insertForm.insert(insertform); 
    }