jquery doğrulama eklentisi

2 Cevap php

Birisi form doğrulama için bu jquery eklentisi kullandı?

http://docs.jquery.com/Plugins/Validation

i kullanmak için nasıl çözemiyorum. o validate () metodu ile çalışması için html form elemanları isim nasıl belgelerde bir şey demiyor.

ve soru nr 2, sunucu tarafı için kullanmak ne php sınıf doğrulama var?

EDIT: neden bu işi yapar:

$("#register_box_form").validate({
	rules: {
		name: {
			required: true,
			minlength: 3
		}

		email: {
			required: true,
			minlength: 3,
			email: true
		}
	}
});

2 Cevap

<input type="text" id="email" name="email" class="required email" />, bu kod, sınıf niteliği için değerler 'gerekli' ve kurallar belge hazır fonksiyonu doğrulamak yöntemi tanımlamak gibi 'email' aynı hareket. Yani, class="required email" eşittir demektir

email: {
          required: true,
          email: true
        }

in above example. I will tell what are the steps needed for including jquery validation. (you may already know each and every step) For use jquery validtion, First you have to include main jquery library js file and jquery validation plugin js file. Then on the document on ready function, you have to bind validate function to required form ( as mentioned in the example of above post). You can either declare validation rules in this validate function or as values for class attribute of the relevant input element as I have described above. Sometimes I have got problems when I use different values for id attribute and name attribute for input elements. I don't know the reason for it. So try to give the same values for id and name attributes and check if still validation not works.

You can use already included validation rules such as email, url, number, digit etc. and also there is a rule called "remote" which can use for sending ajax request and do validation in server side. In addition to that you can define custom rules according to your needs. For example, I used following code to add custom validation rule for ensuring passwords are in correct password policy.

$.validator.addMethod("passwd_policy", function( value, element, param ) {
        return this.optional(element)
            || (value.length >= 8
                && /.[!,@,#,$,%,^,&,*,?,_,~]/.test(value) 
                && /[0-9]/.test(value)
                && /[a-z]/.test(value)
                && /[A-Z]/.test(value));
    },"Your password must be at least 8 characters long, <br/>contain at least one number, <br/>"
      +" at least one special character (!,@,#,$,%,^,&,*,?,_ ,~),<br/> at least one uppercase"
      +" character  <br/>and at least one lowercase character.");

Sen dahili yöntemler kullanarak gibi aynı bir alan doğrulamak için bu özel doğrulama yöntemi ekleyebilirsiniz. böyledir

   "txt_passwd": {
        passwd_policy: true
    },

Siz formda alanlar için kurallar belirleyin. Bu anahtar alanının adıdır anahtar / değer çiftleri vardır.

Örneğin (http://docs.jquery.com/Plugins/Validation/validate#options de belgelere) alanları name ve email ile şeklidir

$(".selector").validate({
   rules: {
     // simple rule, converted to {required:true}
     name: "required",
     // compound rule
     email: {
       required: true,
       email: true
     }
   }
})

Sen php bölümü için Zend Framework kullanabilirsiniz. Bazı JQuery integration sahip değil Doğrulama eklentisi (henüz?) Için olsa.

edit: senin örnekte kendi kuralları literal iki unsur arasında eksik bir virgül vardır.

<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $("#register_box_form").validate( {
          rules: {
            name: {
              required: true,
              minlength: 3
            },
            email: {
              required: true,
              email: true
            }
          }
        });
      });
    </script>
  </head>
  <body>
    <form method="post" action="?" id="register_box_form">
      <div>
        <input type="text" name="name" /><br />  
        <input type="text" name="email" /><br />
        <input type="submit" />
      </div>
    </form>
  </body>
</html>

etiketler