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