본문 바로가기

jQuery

jquery validate submit event

<form>

<input type="text" name="toMail" class="" value="" defaultValue="이메일주소" />

</form>


<script>


$(".sns_mail_submit").click(function() {


// 숫자 콤마와, 기본값을 제거한다.

formSubmitSet();

$("#smsFrm").submit();


});

$(document).ready(function(){

// - 회원가입 박스 validate --- 

$("#smsFrm").validate({

rules: {

fromName: {required:  true},

fromMail:{ required : true},

toName:{ required : true},

toMail:{ required : true},

text:{ required : true}

},

invalidHandler: function(event, validator) {

// 입력값이 잘못된 상태에서 submit 할때 자체처리하기전 사용자에게 핸들을 넘겨준다.

if(!confirm('입력하시겠습니까?')) return;

},

messages: {

fromName : { 

required: "보내는 사람 이름을 입력해주세요."

},

fromMail: { 

required: "보내는 사람 이메일을 입력하세요."

},

toName: {

required: "받는 사람 이름을 입력하세요."

},

toMail: {

required: "받는 사람 이메일을 입력하세요."

},

text: {

required: "전송 메세지를 입력하세요."

}

},

submitHandler : function(form) {

// 폼이 submit 될때 마지막으로 뭔가 할 수 있도록 핸들을 넘겨준다.


form.submit();

}


});

});


</script>







default.js



// defaultValue 값 입력

function input_dv_insert() {


obj = $("input[type=text], textarea");

for(i=0;i<obj.length;i++) {

dv = $(obj).eq(i).attr("defaultValue");

!$(obj).eq(i).val() && dv ? $(obj).eq(i).val(dv) : null;

}


}


// 입력전 defaultValue 값 제거

function input_dv_delete() {


obj = $("input[type=text], textarea");

for(i=0;i<obj.length;i++) {

dv = $(obj).eq(i).attr("defaultValue");

$(obj).eq(i).val() == dv ? $(obj).eq(i).val("") : null;

}


}


// 천단위 콤마 제거

function number_style_comma_delete() {


obj = $(".number_style");


if(obj.length > 0)

for(var i in obj) 

if(obj[i].value != undefined) 

obj[i].value = obj[i].value.replace(/,/g,"");

}


// 폼 서브밋을 위한 초기화

function formSubmitSet() {


input_dv_delete();

number_style_comma_delete();


}




$(document).ready(function() {


/* ----- default 값 자동입력 및 처리. ---------- */

input_dv_insert();// default 값 입력


// input 포커스가 들어왔을때 default 값을 삭제한다.

$("input[type=text], textarea").focus(function() {

dv = $(this).attr("defaultValue");

if($(this).val() == dv) 

$(this).val("");

});


// input 값이 없이 포커스가 나가면 default 값을 삽입한다.

$("input[type=text], textarea").blur(function() {

dv = $(this).attr("defaultValue");

if(!$(this).val() && dv) 

$(this).val(dv);

});

/* ----- // default 값 자동입력 및 처리. ---------- */




/* ----- 숫자만 입력받고 천단위 콤마를 삽입한다. ---------- */

$(".number_style").keypress(function() {


// 숫자만 입력

if((event.keyCode<48 || event.keyCode>57 || event.keyCode==45) && event.keyCode!=13) event.returnValue=false;


});

$(".number_style").keyup(function() {


// 천단위 콤마

this.value = this.value.comma();


});


obj = $(".number_style");


if(obj.length > 0)

for(var i in obj) 

if(obj[i].value != undefined) 

obj[i].value = obj[i].value.comma();


/* ----- // 숫자만 입력받고 천단위 콤마를 삽입한다. ---------- */


});


'jQuery' 카테고리의 다른 글

jquery 로 배열값 컨트롤...  (0) 2013.01.04
객체 속성 제거...  (0) 2012.10.06
img width , height 등 수정하기  (0) 2012.10.06
img src 값 컨트롤..  (0) 2012.10.06