KimsFactory*

폼 유효성 검사 스크립트(jQuery) 본문

JavaScript/jQuery

폼 유효성 검사 스크립트(jQuery)

KimsFactroy 2020. 1. 3. 16:38
	function fieldValueCheck(field, message) {
		try {
			var input = $('[name='+field+']').get(0);
			//console.log(input.tagName+" "+input.type);
			switch (input.tagName.toLowerCase()) {
				case 'input' :
					switch (input.type.toLowerCase()) {
						case 'file' :
						case 'text' :	
							if (!$(input).val()) {
								alert(message);
								input.focus();
								return false;
							}
							break;
						case 'radio' :
							console.log('checked value : '+$('input:radio[name='+field+']:checked').val())
							if (!$('input:radio[name='+field+']:checked').val()) {
								alert(message);
								input.focus();
								return false;
							}
							break;
						case 'checkbox' :
							console.log($('input:checkbox[name='+field+']:checked').length);
							if ($('input:checkbox[name='+field+']:checked').length < 1) {
								alert(message);
								input.focus();
								return false;
							}
							break;
					}
					break;
				case 'textarea' :
					if (!$(input).val()) {
						alert(message);
						input.focus();
						return false;
					}
					break;
				case 'select' :
					if (!$('select[name='+field+']').val()) {
						alert(message);
						input.focus();
						return false;
					}
					break;
			}
		} catch (e) {
			//console.log(e);
		}
		return true;
	}

 

id가 아닌 name값으로 체크

예) if (fieldValueCheck('name', '이름을 입력해주세요.') == false) { return false; }

Comments