5 replies to this topic

[a65]

Blur is working properly in codeignitor but why not keyup?

 

 

var form = $("#myform");
var cname = $("#company_name");
var cnameInfo = $("#cnameInfo");

cname.blur(validateName);
cname.keyup(validateName);
function validateName(){
		
		if(cname.val().length < 4){
			cname.addClass("error");
			cnameInfo.text("We want names with more than 3 letters!");
			cnameInfo.addClass("error");
			return false;
		}
		
		else{
			cname.removeClass("error");
			cnameInfo.text("");
			cnameInfo.removeClass("error");
			return true;
		}
	}

 

 

 

[teynon]

I don't use codeignitor, but I don't think it has much to do with your jquery / javascript code?

 

When you use those event handlers, I recommend using "on".

cname.on("blur", function() { validateName(); });
cname.on("keyup", function() { validateName(); });

Edited by teynon, 04 March 2013 - 09:05 PM.

[a65]

this function  is not doing any change even using it blur is also not working

[teynon]

If you use the .on like I was suggesting, you'll need to change the function as well.

var form = $("#myform");
var cname = $("#company_name");
var cnameInfo = $("#cnameInfo");

cname.on("blur", function() { validateName(this); });
cname.on("keyup", function() { validateName(this); });
function validateName(cname){
		
		if(cname.val().length < 4){
			cname.addClass("error");
			cnameInfo.text("We want names with more than 3 letters!");
			cnameInfo.addClass("error");
			return false;
		}
		
		else{
			cname.removeClass("error");
			cnameInfo.text("");
			cnameInfo.removeClass("error");
			return true;
		}
	}

[a65]

still is not working plz have a look at my whole code as u suggested

$(document).ready(function(){
	//global vars
	var form = $("#myform");
	var cname = $("#company_name");
	var cnameInfo = $("#cnameInfo");
	
	
	
	cname.on("blur", function() { validateName(this); });
cname.on("keyup", function() { validateName(this); });
function validateName(cname){
		
		if(cname.val().length < 4){
			cname.addClass("error");
			cnameInfo.text("We want names with more than 3 letters!");
			cnameInfo.addClass("error");
			return false;
		}
		
		else{
			cname.removeClass("error");
			cnameInfo.text("");
			cnameInfo.removeClass("error");
			return true;
		}
	}
});

[teynon]

Have you tried anything else with the code I sent you? Just because I provided you with code doesn't mean that code will plug and play. I wrote it to get you started.

 

http://jsfiddle.net/CZxbM/

$(document).ready(function(){
var cname = $("#imabox");
cname.on("blur", function() { validateName($(this)); });
    cname.on("keyup", function() { validateName($(this)); });
});

 

You need to look into learning how to debug javascript with Firefox or Chrome.

Edited by teynon, 05 March 2013 - 06:30 PM.