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