Validation Engineが使えるか試してみる

私はvalidationにInline Form Validation Engineを愛用しています。

これ使えないと泣けるのですが、問題無さそうです。作者の方には本当に頭が上がりません、有難う御座います。

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#form").validationEngine( 'attach', {
         ajaxFormValidation: true
        ,onBeforeAjaxFormValidation: beforeCall
        ,promptPosition:"bottomLeft"
    });
 
     function beforeCall(){
       alert('OK!!');
     }
});
</script>
<form id="form" name="form" method="post" action="formDecoration06.html">
  <div class="form-group">
    <label for="name">お名前</label>
    <input type="text" class="form-control validate[required] text-input" id="name" placeholder="お名前">
  </div>
  <div class="form-group">
    <label for="email">メールアドレス</label>
    <input type="email" class="form-control validate[required,custom[email]] text-input" id="email" placeholder="メールアドレスを記入">
  </div>
  <div class="form-group">
    <label for="passwd">パスワード</label>
    <input type="password" class="form-control validate[required] text-input" id="passwd" placeholder="パスワードを記入">
  </div>
  <div class="form-group">
    <label for="retype">パスワード(確認)</label>
    <input type="password" class="form-control validate[required,equals[passwd]] text-input" id="retype" placeholder="パスワード(確認)">
  </div>
  <div class="form-group">
    <label for="comment">ご意見をどうぞ</label>
    <textarea class="form-control validate[required]" rows="3" id="comment" placeholder="ご意見をどうぞ"></textarea>
  </div>
  <div class="form-group">
    <select class="validate[required]">
      <option value="">--Select --</option>
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
  </div>
   
  <button type="submit" class="btn btn-primary">送信 ≫</button>
</form>