我在静态表单中使用 Yii 用户端验证,这很棒。但是我不知道如何为 ajax 加载的元素添加验证器。
我有简单的表单小部件,我想通过 AJAX 将更多的输入字段加载到其中(这对于小型 jQuery 脚本来说不是问题)。但是我不知道如何为加载的元素添加 Yii javascript 验证器 - 我的意思是自动创建的 JS 验证器,例如:
<script type="text/javascript">
/*<![CDATA[*/
jQuery(function($) {
$('#newsletter-form-footer').yiiactiveform({'validateOnSubmit':true,'validateOnChange':false,'afterValidate':Form.handleByAjax,'attributes':[{'id':'NewsletterForm_emailaddress','inputID':'NewsletterForm_emailaddress','errorID':'NewsletterForm_emailaddress_em_','model':'NewsletterForm','name':'emailaddress','enableAjaxValidation':false,'clientValidation':function(value, messages, attribute) {
if($.trim(value)=='') {
messages.push(" VALIDATOR_REQUIRED");
}
if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+'/=?^_`{|}~-]+(?:'.[a-zA-Z0-9!#$%&'*+'/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?'.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) {
messages.push(" VALIDATOR_EMAIL");
}
}}]});
});
/*]]>*/
</script>
有什么方法可以添加或删除该验证器吗?
这有点棘手...如果你想使用yiiactiveform来做到这一点,你必须:
- 将字段添加到验证,或
- 从验证中删除字段
我的建议是:
-
创建你自己的 JavaScript 验证函数(你可能想在这里复制 yii 的验证代码)
$('#newsletter-form-footer').submit(function() { return MyValidator.validate(); });
-
将字段加载到表单中时
//You have to get rulesORoptions // along with fieldName from your ajax request. MyValidator.add(fieldName, rulesORoptions);
-
从表单中删除字段时
MyValidator.remove(fieldName);
-
我的验证器代码在这里...
var MyValidator = { fields: {}, add: function(fieldName, rulesORoptions) { this.fields[fieldName] = rulesORoptions; }, remove: function(fieldName) { delete this.fields[fieldName]; }, validate: function() { var success = true; for(var fieldName in this.fields) { for(var rule in this.fields[fieldName]) { if( eval('MyValidator.'+rule+'($("#'+fieldName+'").val())') == false ) { $("#'+fieldName+'_em_").html("validation failed (some error text, rulesORoptions may contain error text )"); success = false; } } } return success; }, /* Validation methods are here, copy the javascript validation code from Yii */ email: function(value) { if($.trim(value)!='' && !value.match(/^[a-zA-Z0-9!#$%&'*+'/=?^_`{|}~-]+(?:'.[a-zA-Z0-9!#$%&'*+'/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?'.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/)) { return false; } return true; }, required: function(value) { if($.trim(value)=='') { return false; } return true; }, number: function(value) { if(/*copy yii validation code */) { return false; } return true; }, ..... ..... };