프로그래밍/jQuery

jquery 이메일선택 및 직접입력 스크립트

p-a-r-k 2018. 4. 11. 11:56
반응형

김불꽃이 준 URL에서 회원가입쪽 소스 구경하다가 간단히 써먹을만해 보여서 메모,,


소스 중간에 style로 width:calc(40% - 28px); 부분이 눈에 띄네요,,


써먹어본적은 없었는데 calc쓰면 퍼센트에 px를 계산할수 있나보군요,,



프로모션이나 회원가입 시 사용자 이메일 받는경우 jquery script


@


// js
$(function () {
	$(".email_sel").change(function () {
		var selected = $(this).children("option:selected").val();
		var select_name = $(this).attr("name");
		if (select_name == "email_domain_sel") {
			domain = $("[name='email_domain']");
		} else if (select_name == "tax_email_domain_sel") {
			domain = $("[name='tax_email_domain']");
		}
		// if( selected != "#self"){
		if (selected != "") {
			domain.val(selected);
			domain.prop("readonly", "readonly");
		} else {
			domain.val("");
			domain.removeProp("readonly");
		}
		domain.trigger("input");
	});
});


이메일 입력을 한번만 받는다면 tax_email_domain구문은 필요없지만 그냥 메모.


으흠..소스에 jquery.parsley로 required 체크도 하던데 한번 살펴 볼 필요가 있겠네요.


반응형