2017-11-21 6 views
0

jquery.validate.jsを使用しているときにこのエラーが発生します。このエラーは、ページが読み込まれたときに表示されます。私はさまざまなdivを使用しようとしましたが、うまくいきませんでした。私を助けてください。未定義のプロパティ 'nodeType'を読み取ることができません

私はdivである可能性があると答えた多くの質問を見ましたが、私はすべてのdivの外側にフォームタグを置こうとしましたが、問題は同じままです。

$(function() { 
    $.validate({ 
    form: '#update_form' 
    }) 
}); 

ではなく

$(function() { 
    $("#update_form").validate(); 
    }); 

を使用して

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 

 
<form id="update_form"> 
 
    <div class="subscribebox"> 
 
    <div class="updateheading">Want Updates?</div> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" /> 
 
    </div> 
 
    <div class="form-group"> 
 
     <button type="submit" class="btn btn-primary submitbtn">Submit</button> 
 
    </div> 
 
    </div> 
 
</form> 
 

 
<script> 
 
    $(function() { 
 
    $("#update_form").validate(); 
 
    }); 
 
</script>

+1

$( "#update_form")を呼び出す必要があります。 onclickイベントまたはその他のイベント現在、ページが読み込まれると起動します。 –

+1

jQueryの検証ではなく、jQueryフォームの検証を使用しています。したがって、 'validate()'メソッドはありません。フォーム入力の 'data'属性とともに' $ .validate() 'を使用する必要があります。http://www.formvalidator.net/#reg-form –

+0

@VishalKamalこれは解決策ではありません! – Pedram

答えて

0

それが負荷にエラーが解決されることを示します。

$(function() { 
 
    $.validate({ 
 
    form: '#update_form' 
 
    }) 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 

 
<form id="update_form"> 
 
    <div class="subscribebox"> 
 
    <div class="updateheading">Want Updates?</div> 
 
    <div class="form-group"> 
 
     <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" /> 
 
    </div> 
 
    <div class="form-group"> 
 
     <button type="submit" class="btn btn-primary submitbtn">Submit</button> 
 
    </div> 
 
    </div> 
 
</form>

この溶液を塗布してください、多分それはあなたのバグを解決します。

まだ問題がある場合は、お気軽にコメントしてください。