[Ajax] 비밀번호 확인

      <div class="form-group mb-2">
                    <input type="password" name="password" class="form-control" placeholder="Enter password"
                        id="password">
                </div>

                <div class="form-group is-invalid">
                    <input type="password" class="form-control" placeholder="Enter passwordCheck" id="passwordCheck" onchange="check()" >
                </div>


                    <div id="check" class="invalid-feedback mb-1 m-1" >
                        PASSWORD 가 동일하지 않습니다
                    </div>


                <div class="form-group mt-2 mb-2">
                    <input type="email" name="email" class="form-control" placeholder="Enter email" id="email">
                </div>

                <button type="submit" class="btn btn-primary">회원가입</button>
            </form>

            <script>
                function check() {
                    let password = $("#password").val();
                    let passwordCheck = $("#passwordCheck").val();
                 
                    if (password!==passwordCheck) {
                        $("#check").show();
                    } else{
                        $("#check").hide();
                    }
                }
                    $(document).ready(function() {
                    $("#check").hide();
                });
            </script>

비밀번호가 일치하지 않으면 div id = "check" 가 활성화

• .show()
• .hide() : 보여주기, 숨기기 메소드 사용

페이지 로드시 숨긴 상태로 설정✔