성공 또는 오류 메시지 입력 자바 스크립트 부트 스트랩

SpencerX

입력에 성공 또는 오류 아이콘을 표시하기 위해 입력을 변경하는 방법이 있습니까? 같은 : http://getbootstrap.com/css/#forms-control-validation
대단히 감사합니다.
내 코드는 다음과 같습니다.

<script>
    $(document).ready(function () {
        $('input[name=subdomain]').keyup(subdomain_check);
    });

    function subdomain_check() {
        var subdomain = $('input[name=subdomain]').val();
        if (subdomain == "") {
            $('input[name=subdomain]');
        } else {
            jQuery.ajax({
                type: "POST",
                url: "ajax.php",
                data: 'subdomain=' + subdomain,
                cache: false,
                success: function (response) {
                    if (response == 1) {
                        $('input[name=subdomain]').html("The URL already exist!");
                    } else {
                        $('input[name=subdomain]').html("The URL is Valid!");
                    }
                }
            });
        }
    }
</script>

HTML 코드 :

    <div class="form-group">
        <label class="control-label col-md-3" for="install-element-6">
            <span class="required">* </span>subdomain</label>
    <div class="col-md-6"> //<----- I want it here
        <input type="text" class="form-control input-md col-md-6" name="subdomain" placeholder required id="install-element-6"/> // the method.addClass add it here
    </div>
    </div>

매우 감사.

SpencerX

대신 parent()요소를 얻는 방법 추가하여 지금은 모두 작동했습니다.divinput

if(response == 1){
            $('input[name=subdomain]').parent().removeClass("has-success");
            $('input[name=subdomain]').parent().addClass("has-error");
        }else{
            $('input[name=subdomain]').parent().removeClass("has-error");
            $('input[name=subdomain]').parent().addClass("has-success");

             }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

올바른 쉘 스크립트가 랩핑 / 잘림 / 손상 오류 메시지를 제공하는 이유는 무엇입니까?

분류에서Dev

부트 스트랩 datetimepicker가 작동하지 않고 자바 스크립트 오류가 표시되지 않음

분류에서Dev

자바 스크립트 출력 오류

분류에서Dev

자바 스크립트에서 오류 메시지를 숨기는 방법

분류에서Dev

자바 스크립트 입력 생성

분류에서Dev

자바 스크립트로 jsp에 오류 메시지 표시

분류에서Dev

자바 스크립트 유효성 검사 : 텍스트 상자로 오류 메시지 제거

분류에서Dev

함수 또는 기타 방법 (자바 스크립트)에서 입력 생성

분류에서Dev

자바 스크립트 오류 메시지 'Uncaught SyntaxError : Unexpected token ('

분류에서Dev

자바 스크립트 오류 메시지 'Uncaught SyntaxError : Unexpected token ('

분류에서Dev

자바 스크립트로 오류 메시지 HTA 차단

분류에서Dev

단일 경고 메시지 자바 스크립트의 여러 양식 유효성 검사 오류 메시지

분류에서Dev

입력 값이 올바르지 않을 때 메시지를 표시하지 않도록 부트 스트랩 유효성 검사기를 설정하는 방법

분류에서Dev

입력 값이 올바르지 않을 때 메시지를 표시하지 않도록 부트 스트랩 유효성 검사기를 설정하는 방법

분류에서Dev

부트 스트랩이있는 자바 스크립트 범위

분류에서Dev

자바 스크립트에서 버튼 클릭시 텍스트 입력을 활성화하는 방법

분류에서Dev

페이지 오류에 HTML을 쓰는 자바 스크립트

분류에서Dev

값이 선택 될 때 키를 표시하지 않는 입력시 자동 완성 기능 부트 스트랩

분류에서Dev

자바 스크립트 생성 콘텐츠를 비활성 트위터 부트 스트랩 탭에 삽입하는 방법

분류에서Dev

경고 / 오류 메시지를 트위터 부트 스트랩 가로 형식 (입력 오른쪽)에 올바르게 입력하는 방법은 무엇입니까?

분류에서Dev

경고 / 오류 메시지를 트위터 부트 스트랩 가로 형식 (입력 오른쪽)에 올바르게 입력하는 방법은 무엇입니까?

분류에서Dev

부트 스트랩 선택 자바 스크립트 인스턴스화는 객체를 생성하지 않습니다.

분류에서Dev

IE8 자바 스크립트 오류-개체가이 속성 또는 메서드를 지원하지 않습니다.

분류에서Dev

자바 스크립트 런타임 오류 : 개체가 속성 또는 'prop'메서드를 지원하지 않습니다.

분류에서Dev

바이어스 또는 표준 오류를보고하지 않는 부트 스트랩 코드

분류에서Dev

자바 스크립트를 사용하여 경고없이 오류 메시지를 표시하는 방법

분류에서Dev

자바 스크립트 유효성 검사-오류 메시지가 1 초 동안 만 깜박임

분류에서Dev

busybox 쉘 스크립트-알 수없는 피연산자 오류 메시지

분류에서Dev

부트 스트랩이있는 Codeigniter 양식 유효성 검사 오류 메시지

Related 관련 기사

  1. 1

    올바른 쉘 스크립트가 랩핑 / 잘림 / 손상 오류 메시지를 제공하는 이유는 무엇입니까?

  2. 2

    부트 스트랩 datetimepicker가 작동하지 않고 자바 스크립트 오류가 표시되지 않음

  3. 3

    자바 스크립트 출력 오류

  4. 4

    자바 스크립트에서 오류 메시지를 숨기는 방법

  5. 5

    자바 스크립트 입력 생성

  6. 6

    자바 스크립트로 jsp에 오류 메시지 표시

  7. 7

    자바 스크립트 유효성 검사 : 텍스트 상자로 오류 메시지 제거

  8. 8

    함수 또는 기타 방법 (자바 스크립트)에서 입력 생성

  9. 9

    자바 스크립트 오류 메시지 'Uncaught SyntaxError : Unexpected token ('

  10. 10

    자바 스크립트 오류 메시지 'Uncaught SyntaxError : Unexpected token ('

  11. 11

    자바 스크립트로 오류 메시지 HTA 차단

  12. 12

    단일 경고 메시지 자바 스크립트의 여러 양식 유효성 검사 오류 메시지

  13. 13

    입력 값이 올바르지 않을 때 메시지를 표시하지 않도록 부트 스트랩 유효성 검사기를 설정하는 방법

  14. 14

    입력 값이 올바르지 않을 때 메시지를 표시하지 않도록 부트 스트랩 유효성 검사기를 설정하는 방법

  15. 15

    부트 스트랩이있는 자바 스크립트 범위

  16. 16

    자바 스크립트에서 버튼 클릭시 텍스트 입력을 활성화하는 방법

  17. 17

    페이지 오류에 HTML을 쓰는 자바 스크립트

  18. 18

    값이 선택 될 때 키를 표시하지 않는 입력시 자동 완성 기능 부트 스트랩

  19. 19

    자바 스크립트 생성 콘텐츠를 비활성 트위터 부트 스트랩 탭에 삽입하는 방법

  20. 20

    경고 / 오류 메시지를 트위터 부트 스트랩 가로 형식 (입력 오른쪽)에 올바르게 입력하는 방법은 무엇입니까?

  21. 21

    경고 / 오류 메시지를 트위터 부트 스트랩 가로 형식 (입력 오른쪽)에 올바르게 입력하는 방법은 무엇입니까?

  22. 22

    부트 스트랩 선택 자바 스크립트 인스턴스화는 객체를 생성하지 않습니다.

  23. 23

    IE8 자바 스크립트 오류-개체가이 속성 또는 메서드를 지원하지 않습니다.

  24. 24

    자바 스크립트 런타임 오류 : 개체가 속성 또는 'prop'메서드를 지원하지 않습니다.

  25. 25

    바이어스 또는 표준 오류를보고하지 않는 부트 스트랩 코드

  26. 26

    자바 스크립트를 사용하여 경고없이 오류 메시지를 표시하는 방법

  27. 27

    자바 스크립트 유효성 검사-오류 메시지가 1 초 동안 만 깜박임

  28. 28

    busybox 쉘 스크립트-알 수없는 피연산자 오류 메시지

  29. 29

    부트 스트랩이있는 Codeigniter 양식 유효성 검사 오류 메시지

뜨겁다태그

보관