Kadir Özdemir

  • Ben Kimim
  • PHP
  • Sencha Touch
  • Home/
  • Javascript /
  • Jquery Validation sonradan kural ekleme

Jquery Validation sonradan kural ekleme

Skorp 25.08.2010 Leave a Comment

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 :

$(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:

$(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.

$('#reg_email').rules("remove");
Skorp
2010-08-25
Tags:
Javascript Jquery
Share story:
← PreviousJquery Dialog da Tinymce gösterme
Next →php ile zip download

Written by Skorp

View all articles by Skorp

Website: http://www.skorp.eu

Related Articles

  • React Native – Kurulum

  • React Native

  • jQuery UI Dialog enterle tetiklemek

  • Jquery Watermark Plugin

  • Jquery Dialog da Tinymce gösterme

Leave a Comment Cancel Reply

Your email address will not be published. Required fields are marked *

Social networks

Etiket Bulutu

Android Bilgisayar & Internet C# Cms css diger Kodlar featured Genel Java Javascript Linux Mobile PHP Silverstripe typo3 Veritabani Windows Zend Framework

Links

  • H E R K O N U
  • Hüseyin Koyun
  • Urban23k

Son Yorumlar

  • Primary Key – Unique ve Index nedir? için Onur
  • Centos de apache, php ve mysql kurulumu için sezer fidancı
  • React Native – Kurulum için React Native | Kadir Özdemir
  • React Native için React Native – Kurulum | Kadir Özdemir
  • Ben Kimim için serkan

Twitter

Follow @skorp54
There is an error in twitter widget, please make sure that you have set up the Twitter API settings
  • Ben Kimim
  • PHP
  • Sencha Touch

Arsivler

Kategoriler

Copyright © 2014 webberz.at