개발 무지렁이

[jQuery] FORM Validation on jQuery 본문

Frontend/JavaScript

[jQuery] FORM Validation on jQuery

Gaejirang-e 2023. 4. 22. 20:05

폼이 비어있을시


  $(function() {
      $("#form").submit(function() {
          if($("#id").val == "") {
              alert("아이디를 입력해주세요.");
              $("#id").focus();
              return false;
          }

          if($("#pwd").val() == "") {
              alert("비밀번호를 입력해주세요");
              $("#pwd").focus();
              return false;
          }
      });
  });

비밀번호, 비밀번호 확인


  $(function() {
      $("#pwd").keyup(function() { // 사용자가 누른 키가 올라갔을시 호출
          if($(this).val() == "" && $("#pwdConfirm").val() =="") {
              $("#lblError")
                  .text("암호를 입력하시오.")
                  .css("color", "black");
              return; // 함수를 빠져나가라.
          }
          $("#lblError").text("");
      });

      $("#pwdConfirm").keyup(function() {
          if($(this).val() == $("#pwd").val()) {
              $("#lblError")
                  .html("<b>비밀번호가 일치합니다.</b>")
                 .css("color", "blue");
          } else {
              $("#lblError")
                  .html("<b>비밀번호가 불일치합니다.</b>")
                  .css("color", "red");
          }
      });
  });
Comments