doğrulama kullanarak jquery

3 Cevap php

Jquery kullanarak bir html sayfası doğrulamak için çalışıyorum, ama hiçbir şey olmuyor. basit bir sayfa, henüz textboxes valide değildir.

bu kodu:

<link rel="stylesheet" type="text/css" href="style.css" /> 
<script type="text/javascript" src="~/jquery.js/"></script>
<script type="text/javascript" src="~/jquery-validate/jquery.validate.js/"></script>
<script type="text/javascript">
  $(document).ready(function(){
    var validator = $("#submitForm").validate({
            debug: true,
            rules: {
                author: "required",
                quote: "required"
            },
            messages: {
                author: "Name of Author required"
                quote: "Please enter Quote"
            },
            errorPlacement: function(error, element) {
                error.appendTo( element.parent().top() );
            }
      );
  });
  </script>

<body>

<div class="container">
<div class="center_div">
<h2>Submit Your Quote</h2>
<fieldset>
<form id="submitForm" action="qinsert.php" method="post">
<div class="error" style="display:none"></div>
<div class="field">
<label>Author: </label>
<input name="author" type="text" class="required" minLength=3>
<span class="error"></span>
</div><br />
<div class="field">
<label>Quote: </label>
<textarea name="quote" cols=22 class="required" minLength=5></textarea>
<span class="error"></span>
<br />
</div>
<input id="button1" type="submit" value="Submit" class="submit" /><br />
<input id="button2" type="reset" value="Reset" /> 
</form>
</fieldset>
</div>
</div>

ne koduyla yanlış? teşekkür ederim!

3 Cevap

Sadece hızlı bir bakışta size bir kapanış eksik gibi, bu javascript '}' görünüyor. Ben validate kapanış değildir düşünüyorum (senin önünde kuşak {doğru eklemeyi deneyin.}); errorPlacement fonksiyonundan sonra.

  $(document).ready(function(){ 
var validator = $("#submitForm").validate({ 
        debug: true, 
        rules: { 
            author: "required", 
            quote: "required" 
        }, 
        messages: { 
            author: "Name of Author required" 
            quote: "Please enter Quote" 
        }, 
        errorPlacement: function(error, element) { 
            error.appendTo( element.parent().top() ); 
        } 
  }); 
  }); 

Ben daha önce jquery doğrulama eklentisi kullanmadıysanız, ama burada bir virgül eksik Açıkçası var:

messages: 
{
            author: "Name of Author required",
            quote: "Please enter Quote"
},

Ben şimdi bir örnek çalışan kod alamıyorum elle bu eklenti yok.

Şahsen ben doğrulama bir bildirge yolu bildirimli html içinde işaretleyebilirsiniz, sizin javascript koduna doğrudan doğrulama gereksinimlerini koymak yerine, yani benim için daha çekici hissediyorum. Doğrulama motoru sonra vb, gerekli her alanını kontrol gidecek ..

If this sounds reasonable to you, then I recommend another validation plugin : jQuery inline validation

JQuery kütüphaneleri yolunu kontrol edin. Onları ~ ve suffixed adlı bir dizinde olmak / olası görünüyor. Onlar aynı dizinde ise doğru sözdizimi şöyledir:

<script type="text/javascript" src="jquery.js"></script>