[JS] jQuery로 유효성 체크

    반응형
    <script type="text/javascript">
    $(function() {
    	$('#idCheck').click(function() {
    		let id = $("#id").val();
    		if (id == "" || id.length < 3) {
    			$("#resultMSG").text("아이디는 5글자 이상이어야 합니다.");
    			$("#resultMSG").css("color","#A1887F");
    			$("#id").focus();
    			
    		} else {
    			$.ajax({
    				url: "./checkID",
    				type: "post",
    				data: {"id": id},
    				dataType: "html",
    				success: function (data){
    					$("#resultMSG").text("data : " + data);
    				},
    				error: function(request, status, error){
    					$("#resultMSG").text("error : " + error);
    					console.log(error);
    				}
    			});
    			
    			$("#resultMSG").text("사용 가능한 ID입니다.");
    			$("#resultMSG").css("color","black");
    		}
    		return false;
    		
    		let pw = $("#pw").val();
    		
    	});
    });
    
    </script>
    반응형

    댓글