javascript - 通过 javascript 动态添加验证到表单

Question

我被困住了。我无法编辑表单的 html，因此我需要在页面加载后添加 parsley.js 验证属性，但如果我像这样使用它，parsley 似乎不会运行:

var myForm = "#theForm";
jQuery( document ).ready(function() {  
    if (jQuery(myForm).length) { 

      jQuery( '#user_email' ).attr( 'data-parsley-equalto', '#user_email_validate');

      jQuery( myForm ).parsley();
    }
});

使用以下内容交换验证行可以正常工作，因此这似乎是“data-parsley-XXX”部分的问题:

jQuery( '#last_name' ).attr( 'minlength', 2);

我错过了什么？多谢。

Answer 1

@user33958 这就是你想要的吗？

<form id="theForm">
  <input id="user_email" placeholder="Email" />
  <input type="submit" />
</form>

<script>
jQuery( document ).ready(function() {  
    var myForm = jQuery("#theForm");
    if (jQuery(myForm).length) { 
      myForm.parsley();
      jQuery("#user_email").parsley().addConstraint('minlength',2);
    }
});
</script>

查看工作代码笔: http://codepen.io/ds0001/pen/NPmWoZ?editors=101