Selamlar,
ben genelde formlarimi client tarafinda Jquery Validate Plugin i ile kontrol ettitirim.
Iki benzer formum var, ikincisinde ama baska alanlarda bulundugu icin onlari da ekstradan kontroll ettirmem gerekiyor.
Tüm js kodunu kopyalayip yeniden yaza biliriz ama, o tabiki güzel olmaz.
onun icin validator a yama yapalim. nasilmi iste böyle:
ana validator dosyamiz :
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | $(document).ready( function (){ $( 'form#regit div div.element' ).append( '<div class="errormessage" style="display:inline;"></div>' ); var validator = $( "form#regit" ).validate({ ignore: "input[type=hidden]" , rules: { reg_email: { required: true , email: true , remote: "/an/checkemail/" }, reg_password: { required: true , minlength:4 }, reg_password2:{ required: true , minlength:4, equalTo: "#reg_password" }, agb: "required" }, messages: { reg_email: { required: Message[ "email_required" ], email: Message[ "email_notok" ], remote: Message[ "email_exists" ] }, reg_password: { required : Message[ "pass_required" ], minlength: Message[ "pass_length" ] }, reg_password2: { required : Message[ "pass_required" ], minlength: Message[ "pass_length" ], equalTo: Message[ "pass_equal" ] }, agb:Message[ "agb_required" ] }, success: function (label) { if (label[0].htmlFor== "agb" ) label.removeClass( 'error' ); else label.addClass( "valid" ); }, errorPlacement: function (error, element) { if ( element.is( ":hidden" ) ){ element.next().next().html(error); } else { element.next($( 'div.errormessage' )).html(error); } } }); }); |
yama yaptigimiz dosya:
01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 | $(document).ready( function (){ $( '#reg_email' ).rules( "add" ,{ remote: "/ag/checkemail/" }); $( '#company' ).rules( "add" ,{ required: true , minlength:4, messages:{ required:Message[ "company_required" ], minlength: Message[ "company_length" ] } }); $( '#branch_id' ).rules( "add" ,{ required: true , messages: { required: Message[ "branch_required" ] } }); }); |
#reg_email de remote adresini degistiriyoruz,
ve iki extra kontrol alani daha ekliyoruz validatorumuza.
Bu satirlar bana özel: Message[“email_required”] siz oralara kendi hata mesajlarinizi yaza bilirsiniz.
ps:
bir alana tamamiyle baska kurallar eklemek icinse remove metodunu kullanarak ekli olan kurallari sile bilirsiniz.
1 | $( '#reg_email' ).rules( "remove" ); |