[使用parsley.js验证表单，并在表单标签外部提交

Question

我有这种情况，我想使用parsley.js验证此代码。现在，我想在模态中创建一个动态表单，该模态是可重用的模态，其按钮/提交位于form标记之外。如何使用parsley.js验证此方案？

这是我的意思，我有一个这样的场景，这是用我的按钮将其分开的文件：

    <form action="" method="POST" class="add_edit_job" id="<?php if($edit == 'yes'){?>edit_jobs<?php }else{?>post_jobs<?php }?>" data-parsley-validate="true">

    <input type="text" class="form-control" name="position" value="<?php echo $position?>" 
                 data-parsley-required/>
    <input type="text" class="form-control" name="location" value="<?php echo $location?>" 
                 data-parsley-required data-parsley-type="alphanum"/>
    <input type="text" class="form-control" name="number" value="<?php echo $number?>" 
                 data-parsley-required data-parsley-type="integer"/>
   </form>

然后，我将按钮放在表单外，因为我的按钮位于模板中，并且模态如下：

<input type="button" class="btn btn-sm btn-success save_data" value="Save">

我试图以此方式进行操作，但实际上我不知道如何提交此表单并使用parsley.js对其进行验证。我想触发表单提交，但只会刷新我的页面，什么也不做。

$(document).ready(function() {
   $('.add_edit_job').parsley();
}); 

$('.save_data').click(function(e){  
    $('.add_edit_job').submit(); 
    console.log("clicked");
});

Answer 1

正在发生其他事情，因为您正在执行works for a simple case

This is bogus code because StackOverflow is starting
to be kind of restrictive and wants that
"Links to codepen.io must be accompanied by code."