使用 parsley.js 提交外部表单标签验证表单

Question

我有这种情况，我想用 parsley.js 验证这段代码。 现在我想在模态内创建一个动态表单，它是一个可重用的模态，在表单标签外带有按钮/提交。 我如何使用 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

其他事情正在发生，因为你正在做的事情适用于一个简单的案例

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."