使用Ajax加載的驗證表單

Question

我有一個使用Ajax加載的表單。它未經驗證就提交。我發現了一種方法來手動添加規則，以防將新字段添加到現有表單中，但我如何才能使驗證程序解析動態加載表單的規則？

Answer 1

我不知道你的數據是如何傳遞給你的視圖（如果你使用MVC）或它有什麼屬性，但我做了一個'jQuery驗證插件'，我用它來提供客戶端驗證動態字段。

//Frontend 
$(this.Form).validate(); 
$formItems = this.Form + ' ' + this.formGroupID; 
$formGroup = $($formItems); 

$formGroup.each(function() 
{ 
$field = $(this).find('input'); 

$isRequired = $($field).attr('aria-required'); 
$type = $($field).attr('aria-type'); 

if ($isRequired) 
{$($field).rules("add", { required:true, });} 

if ($type != null) 
$($field).rules("add", { email:true }); 
}); 

//Field for view 
$field = array('attributes'=>array('class'=>'form-control', 'aria-required'=>false, 'aria- type'=>'email', 'data-description'=>'Login Password')); 

這不是正確的答案，但請提供更多關於如何將數據傳遞到視圖的信息。

Plugin