복붙노트

[JQUERY] 어떻게 자바 스크립트를 통해 (일반) 양식을 재설정?

JQUERY

어떻게 자바 스크립트를 통해 (일반) 양식을 재설정?

해결법


  1. 1.form.reset ()는 그래서 필요, DOM 요소 방법 (jQuery 오브젝트에없는 하나)입니다 :

    form.reset ()는 그래서 필요, DOM 요소 방법 (jQuery 오브젝트에없는 하나)입니다 :

    $("#client.frm")[0].reset();
    //faster version:
    $("#client")[0].reset();
    

    또는 jQuery를하지 않고 :

    document.getElementById("client").reset();
    

  2. 2.당신은 간단하게 할 수 있습니다 :

    당신은 간단하게 할 수 있습니다 :

    $ ( "#의 client.frm"). 트리거 ( '리셋')


  3. 3.다음 순수 JS 용액이다 :

    다음 순수 JS 용액이다 :

    function clearForm(myFormElement) {
    
      var elements = myFormElement.elements;
    
      myFormElement.reset();
    
      for(i=0; i<elements.length; i++) {
    
      field_type = elements[i].type.toLowerCase();
    
      switch(field_type) {
    
        case "text":
        case "password":
        case "textarea":
              case "hidden":
    
          elements[i].value = "";
          break;
    
        case "radio":
        case "checkbox":
            if (elements[i].checked) {
              elements[i].checked = false;
          }
          break;
    
        case "select-one":
        case "select-multi":
                    elements[i].selectedIndex = -1;
          break;
    
        default:
          break;
      }
        }
    }
    

  4. 4., reset () 메소드는 기본 값과 체크 박스 필드를 삭제하지 않고 더 많은 문제가 있습니다.

    , reset () 메소드는 기본 값과 체크 박스 필드를 삭제하지 않고 더 많은 문제가 있습니다.

    완전히 링크 아래를 확인 재설정하기 위해 -

    http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm


  5. 5.자바 스크립트 & jQuery를 통해 (클리어) 양식 재설정 :

    자바 스크립트 & jQuery를 통해 (클리어) 양식 재설정 :

    예 자바 스크립트 :

    document.getElementById("client").reset();
    

    예 jQuery를 :

    당신은 트리거 () 참조 링크를 사용하려고 할 수 있습니다

    $('#client.frm').trigger("reset");
    

  6. 6.참고 form.reset 함수 ()는 일 형태의 일부 입력 태그 '리셋'= 속성 이름이없는 것인지

    참고 form.reset 함수 ()는 일 형태의 일부 입력 태그 '리셋'= 속성 이름이없는 것인지


  7. 7.이 시도 :

    이 시도 :

    $('#resetBtn').on('click', function(e){
        e.preventDefault();
        $("#myform")[0].reset.click();
    }
    

  8. 8.다음과 같이 양식을 취소합니다

    다음과 같이 양식을 취소합니다

    document.forms[0].reset();
    

    당신은 단순히 그룹 내에서 양식 요소를 지울 수 있습니다. 이 형태를 사용하여 [0].


  9. 9.를 사용하여 자바 스크립트 기능 리셋 () :

    를 사용하여 자바 스크립트 기능 리셋 () :

    document.forms["frm_id"].reset();
    

  10. 10.다음을 사용할 수 있습니다 :

    다음을 사용할 수 있습니다 :

    $('[element]').trigger('reset')
    

  11. 11.이 코드를 사용해보십시오. 답변위한 완벽한 솔루션입니다.

    이 코드를 사용해보십시오. 답변위한 완벽한 솔루션입니다.

        <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $(":reset").css("background-color", "red");
    });
    </script>
    </head>
    <body>
    
    <form action="">
      Name: <input type="text" name="user"><br>
      Password: <input type="password" name="password"><br>
      <button type="button">Useless Button</button>
      <input type="button" value="Another useless button"><br>
      <input type="reset" value="Reset">
      <input type="submit" value="Submit"><br>
    </form>
    
    </body>
    </html>
    

  12. 12.당신은 function.Here이에 대한 코드는 onclick을 사용하여 전체 양식을 지울 수 있습니다.

    당신은 function.Here이에 대한 코드는 onclick을 사용하여 전체 양식을 지울 수 있습니다.

     <button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()">Reset</button>
    

    window.location.reload () 함수는 페이지를 새로 고침하고 모든 데이터가 삭제됩니다.

  13. from https://stackoverflow.com/questions/3786694/how-to-reset-clear-form-through-javascript by cc-by-sa and MIT license