2017-02-18 8 views
0

をはisValidチェックして、私は1つの入力が実際に検証されているかどうかチェックしたいボタンをクリックするとformvalidation.io(これが唯一の1を確認するために、すべての検証をバイパスすることです)私は2つの入力を持つJavaScriptの

それが検証されていれば、私はいくつかのブール型フィードバックをしたいです。 'var isValidStep = fv.isValidContainer($ tab);と同様のものです。 '

ありがとうございます。

<div class="col-xs-12 col-md-6 col-lg-4"> 
      <div class="form-group btn-group-bottom"> 
      <label for="fFname" class="child">First Name</label> 
      <input name="legalFirstName" class="form-control req" id="fFname" autocomplete="off" type="text" /> 
      </div> 
    </div> 

    <div class="col-xs-12 col-md-6 col-lg-4"> 
      <div class="form-group btn-group-bottom"> 
      <label for="fLname" class="child">Last Name</label> 
      <input name="legalLastName" class="form-control req" autocomplete="off" id="fLname" type="text" /> 
    </div> 

    <button type="button" value="Submit" class="btn btn-success easing-effect btn-padding btn-submit subbutton" name="submit" id="subbutton">Submit</button> 

    <script> 

    $('.rootwizard').formValidation({ 

      framework: 'bootstrap', 
      excluded: ':disabled', 
      live: 'enabled', 
      icon: { 
       valid: 'glyphicon glyphicon-ok', 
       invalid: 'glyphicon glyphicon-remove', 
       validating: 'glyphicon glyphicon-refresh' 
      }, 

      // Name Validation 
      locale: 'en', 
      fields: { 

       legalFirstName: { 
        live: 'enabled', 
        trigger: 'blur', 
        validators: { 
         stringLengthName: { 
          max: 30, 

         }, 
         notEmptyName: {}, 
         regexpName: { 
          regexpName: /^[a-zA-Z][a-z\sA-Z0-9.,$;]*$/, 

         } 
        } 
       }, 
       legalLastName: { 
        live: 'enabled', 
        trigger: 'blur', 
        validators: { 
         stringLengthName: { 
          max: 30, 

       }, 
       notEmptyName: {}, 
       regexpName: { 
          regexpName: /^[a-zA-Z][a-z\sA-Z0-9.,$;]*$/, 

         } 
        } 
       } 
     } 
    }); 

    $('.btn-submit').click(function() { 
     $('.rootwizard').formValidation('revalidateField', 'legalFirstName'); 
    }); 

答えて

0

このように '提出' にあなたのhtmlと変化型ボタンに '形式' タグを追加します。

<form class="rootwizard"> 
<div class="col-xs-12 col-md-6 col-lg-4"> 
     <div class="form-group btn-group-bottom"> 
     <label for="fFname" class="child">First Name</label> 
     <input name="legalFirstName" class="form-control req" id="fFname" autocomplete="off" type="text" /> 
     </div> 
</div> 

<div class="col-xs-12 col-md-6 col-lg-4"> 
     <div class="form-group btn-group-bottom"> 
     <label for="fLname" class="child">Last Name</label> 
     <input name="legalLastName" class="form-control req" autocomplete="off" id="fLname" type="text" /> 
</div> 

<button type="submit" value="Submit" class="btn btn-success easing-effect btn-padding btn-submit subbutton" name="submit" id="subbutton">Submit</button> 
</form> 
関連する問題