Uncaught TypeError：$（...）。formValidationは関数ではありません。JQUERYの検証

Question

これは、自分のフォームにあるunit_nameのフィールドのコードです。 **

$(document).ready(function() { 
    $('#alwaysEnableButtonForm').formValidation({ 
     framework: 'bootstrap', 
     icon: { 
      valid: 'glyphicon glyphicon-ok', 
      invalid: 'glyphicon glyphicon-remove', 
      validating: 'glyphicon glyphicon-refresh' 
     }, 
     fields: { 
      unit_name: { 
       validators: { 
        notEmpty: { 
         message: 'The task is required' 
        } 
       } 
      } 
     } 
    }) 
    .on('err.field.fv', function(e, data) { 
     // $(e.target) --> The field element 
     // data.fv  --> The FormValidation instance 
     // data.field --> The field name 
     // data.element --> The field element 

     data.fv.disableSubmitButtons(false); 
    }) 
    .on('success.field.fv', function(e, data) { 
     // e, data parameters are the same as in err.field.fv event handler 
     // Despite that the field is valid, by default, the submit button will be disabled if all the following conditions meet 
     // - The submit button is clicked 
     // - The form is invalid 
     data.fv.disableSubmitButtons(false); 
    }); 
}); 
</script> 

これは、誰が私を助けることができる私のフォーム検証

のための私のjQueryのコードですか？

これは私のエラー構文は次のとおりです。

Uncaught TypeError: $(...).formValidation is not a function 
    at HTMLDocument.<anonymous> ((index):137) 
    at j (jquery.js:3099) 
    at Object.fireWith [as resolveWith] (jquery.js:3211) 
    at Function.ready (jquery.js:3417) 
    at HTMLDocument.I (jquery.js:3433) 

これは私がjqueryの検証を呼び出すために使用私の輸入..です

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

これは私が検証情報を表示するために使用私のフォームです

<form name="#" method="POST" name="myForm" id="alwaysEnableButtonForm" > 
       <fieldset> 
       <legend>Insert unit:</legend> 



    <div class="form-group"> 
     <label class="col-xs-3 control-label">Name unity: </label> 
     <div class="col-xs-5"> 
      <input type="text" class="form-control" placeholder="name concept" name="unit_name" /> 
     </div> 
    </div> 

       <input type="hidden" name="state" value="insert"> 
       <div class="form-group"> 
     <div class="col-xs-5 col-xs-offset-3"> 
      <button type="submit" class="btn btn-default">Submit</button> 
     </div> 
    </div> 
    </fieldset> 
</form> 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.