<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 validate submit event (0) | 2014.03.28 |
|---|---|
| jquery 로 배열값 컨트롤... (0) | 2013.01.04 |
| 객체 속성 제거... (0) | 2012.10.06 |
| img width , height 등 수정하기 (0) | 2012.10.06 |
| img src 값 컨트롤.. (0) | 2012.10.06 |
댓글을 달아 주세요