JS自定义事件onreturn实现动态表单验证

 
<form onreturn="ReturnCallBack();" jstype="vali">
</form>
<script type="text/javascript">
var ReturnCallBack = function(){
//CODE
return true;
} 
</script>

这段代码看起来可能有些令人困惑，因为其中似乎包含了一个名为onreturn的额外事件。

这里解释一下设计初衷。在框架提供的验证API中，基础验证功能已由框架封装完成。然而，某些验证逻辑（例如判断Checkbox是否允许选中）需要根据具体业务场景频繁调整，且变化频繁。为了适应市场需求的快速变化，框架将这类易变的验证逻辑交还给项目开发者自行处理，框架仅保留其核心职责。

如上图所示，框架为form元素提供了onreturn事件接口，允许开发者自行编写验证逻辑，并返回true或false给框架以指示验证结果。

通过自定义属性的方式，开发者只需进行简单的技巧性处理即可实现。框架内部使用了eval()函数来执行这一过程。在框架完成基础验证后，会执行以下代码片段：

 
//验证CODE...
var ele = $(this); //this为表单,这里用jquery开发的
var result = eval(ele.attr("onreturn"));
//CODE..