动态表单验证

时间:2014-10-21 12:05:56

标签: asp.net validation parsley.js

是否有可能

  1. 欧芹标签在外部文件中生成
  2. 然后将此外部文件与页面链接以应用验证 就像CSS和JS链接一样
  3. 我喜欢基于属性的验证,但我们引入了动态验证,即不是硬解码分析属性,验证规则将在配置文件中,通过该文件生成分析属性并应用于页面。

    我一定会欢迎任何其他想法(除了欧芹)以实现动态表单验证。

1 个答案:

答案 0 :(得分:0)

我不太确定你的意思是"动态验证",因为你总是要知道要为每个字段添加哪些属性。

但是,只要在将parsley()应用于表单之前添加这些属性,就可以使用Parsley(或任何其他基于属性的验证插件)。

举个例子(jsfiddle available):

<form id="myForm" method="post">
    <input type="text" id="requiredField" name="username" />
    <input type="text" id="minLength" name="otherfield" />

    <button type="submit">Submit</button>
</form>

<script>
    $(document).ready(function() {
        // this can be in another JS file. You must guarantee that this code
        // is executed before .parsley();
        $("#requiredField").attr('data-parsley-required', true);
        $("#minLength").attr('data-parsley-minlength', '6');

        $('#myForm').parsley();
    });
</script>

属性是通过jQuery添加的,jQuery可以在另一个JS文件中。在调用$("#myForm").parsley()之前,您必须确保已正确设置属性。

就像我之前所说的,只要它们使用属性,这在每个jQuery vaildation插件中都是可能的。这意味着此方法也可以应用于此jQuery Validation Engine from posabsolute