Ruby on rails 3.2 欧芹JS多步骤表单验证

这是我的

CoffeeScript

  wizard = $('#registrationWizard').wizard()
  $form = $('.finalize-form')

  $form.parsley
    inputs: 'input, select'
    excluded: 'input[type="hidden"]'

  wizard.on 'change', (e, data) ->
    e.preventDefault()
    p = $form.parsley 'validate'

    if p
      $('#registrationWizard').wizard 'next'
  .on 'finished', (e) ->
    if $form.parsley 'isValid'
      $form.submit()

---

当向导触发

change

事件时，

parsley

试图验证整个表单，而不仅仅是当前步骤中可见的输入，我相信它们具有您在中寻找的示例。首先，您需要设置一个侦听器，让它知道您只在寻找可见的输入：

$( '#form' ).parsley( 'addListener', {
  onFieldValidate: function ( elem ) {

      // if field is not visible, do not apply Parsley validation!
      if ( !$( elem ).is( ':visible' ) ) {
         return true;
     }

      return false;
   }
} );

然后，当您完成向导中的步骤时，只需启动以下命令即可验证可见元素：

$( '#form' ).parsley( 'validate' )

---

（很抱歉没有coffeescript）

如果您的整个表单都加载到DOM中，并且您能够使用parsely API，那么您可以运行多个验证，向导的每个步骤一个验证。为此，必须使用欧芹绑定属性。比如：

<form action="#">

    <!-- wizard step 1 --> 
    <div class='step1' parsley-validate parsley-bind>
       <input type="text" ..... />
       <input type="text" ..... />
    </div>

    <!-- wizard step 2 --> 
    <div class='step2' parsley-validate parsley-bind>
       <input type="text" ..... />
       <input type="text" ..... />
    </div>

    <!-- wizard step 3 --> 
    <div class='step1' parsley-validate parsley-bind>
       <input type="text" ..... />
       <input type="text" ..... />
    </div>

</form>