Question

我有一个加载了Ajax的表单。它未经验证即提交。我已经找到了一种手动添加规则的方法，以防新字段添加到现有表单但是如何让验证器解析动态加载表单的规则？

Answer 1

我不确定你的数据是如何传递给你的视图的（如果你正在使用MVC）或它有什么属性但是我为'jQuery Validation Plugin'做了一个简单的循环，我用它来提供客户端验证对于动态字段。

//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

验证使用Ajax加载的表单

1 个答案: