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

Question

我有这个场景，我想用 parsley.js 验证这个代码。现在我想在一个模态内创建一个动态表单，它是一个可重用的模态，在表单标签外带有 button/submit。如何使用 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 Whosebug is starting
to be kind of restrictive and wants that
"Links to codepen.io must be accompanied by code."

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

validate a form using parsley.js submit outside form tag

javascript

jquery

parsley.js

formvalidation-plugin