단일 양식에 두 개의 제출 버튼

Kurai Bankusu

단일 양식에 두 개의 제출 단추를 가질 수 있습니까? 그중 하나는 제출을 시작하지만 매개 변수를 URL에 전달합니까? 아마도 js / jquery를 사용하여 작업을 가로 채고 어떻게 든 매개 변수를 추가 할 수 있습니다. 즉,

<form action="/doStuff" method="post">
    <input id="name" type="text"></input>
    <button id="save" type="submit">Save</button>
    <button id="save-with-param" type="submit">Save as Draft</button>
</form>

저장을 클릭하면 다음이 전송됩니다.

localhost:8080/myApp/doStuff

클릭하면 다음 save-with-param이 전송됩니다.

localhost:8080/myApp/doStuff?param=XYZ
A. 울프

모든 모더 브라우저에서 formaction속성 을 사용할 수 있습니다 .

<form action="/doStuff" method="post">
    <input id="name" type="text"></input>
    <button id="save" type="submit">Save</button>
    <button id="save-with-param" type="submit" formaction="/doStuff?param=XYZ">Save as Draft</button>
</form>

IE9 <와 같은 이전 브라우저를 지원하려면 다음을 사용하여 지원을 추가 할 수 있습니다.

;(function ($) {
    $(function () {
        if (typeof document.createElement('input').formAction === "undefined") {
            $(':submit[formaction]').closest('form').data('defaultFormAction', this.action).on('submit', function () {
                var $focused = $(':focus');
                $(this).attr('action', $focused.is('[formaction]') ? $focused.attr('formAction') : $(this).data('defaultFormAction'));
            });
        }
    });
}(jQuery));

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

복제 된 양식에 대한 두 개의 제출 버튼

분류에서Dev

동일한 POST 방법 / 작업에 대해 하나의 양식에 두 개의 제출 버튼

분류에서Dev

PHP : 같은 양식과 양식 제출 안에 두 개의 버튼 사용

분류에서Dev

두 개의 양식-하나의 제출 버튼?

분류에서Dev

두 개의 제출 버튼이있는 양식 Laravel 6

분류에서Dev

내 양식에서 두 개의 제출 버튼을 처리하는 방법

분류에서Dev

제출 양식의 차단 버튼

분류에서Dev

단일 JS 파일에 두 개의 AJAX 양식 제출, 하나만 작동 함

분류에서Dev

두 개의 버튼이있는 두 개의 다른보기에 GET 양식을 제출할 수 있습니까?

분류에서Dev

jQuery Ajax 양식 두 제출 버튼 하나의 양식

분류에서Dev

레일로 한 번에 두 개의 양식 제출

분류에서Dev

두 개의 HTML 양식 하나의 결과 페이지에 대한 하나의 제출 버튼

분류에서Dev

두 개의 제출 버튼이 있지만 한 번에 하나만 표시되는 양식

분류에서Dev

HTML 양식, 2 개의 다른 PHP 작업 / 파일에 대한 2 개의 제출 스타일 버튼

분류에서Dev

하단에 두 개의 버튼 정렬

분류에서Dev

CakePHP에서 다른 값을 가진 두 개의 제출 버튼

분류에서Dev

두 개의 버튼에 대한 AJAX 단일 기능 트리거

분류에서Dev

PHP : 제출할 두 개의 버튼

분류에서Dev

HTML 양식에 2 개의 제출 버튼

분류에서Dev

양식 내 두 개의 버튼

분류에서Dev

양식 외부에 PHP가있는 두 번째 제출 버튼

분류에서Dev

양식 codeigniter의 두 개의 다른 제출 버튼이 이상하게 작동합니다.

분류에서Dev

웹 애플리케이션 : Flask-html-wtforms : 두 개의 제출 버튼이있는 양식

분류에서Dev

두 개의 제출 버튼에 대한 자바 스크립트 팝업 확인

분류에서Dev

Struts 2에서 하나의 양식에 두 개의 제출 단추를 추가하는 방법

분류에서Dev

양식의 제출 버튼에 대해 다른 이름 제공

분류에서Dev

php-ajax : 서로 다른 목적으로 작업 할 때마다 양식에 두 개의 제출 버튼을 사용하는 방법

분류에서Dev

하나의 제출 버튼으로 모두 함께 제출하는 세 가지 양식

분류에서Dev

단일 팝 오버 안에 두 개의 부트 스트랩 팝 오버 제목

Related 관련 기사

  1. 1

    복제 된 양식에 대한 두 개의 제출 버튼

  2. 2

    동일한 POST 방법 / 작업에 대해 하나의 양식에 두 개의 제출 버튼

  3. 3

    PHP : 같은 양식과 양식 제출 안에 두 개의 버튼 사용

  4. 4

    두 개의 양식-하나의 제출 버튼?

  5. 5

    두 개의 제출 버튼이있는 양식 Laravel 6

  6. 6

    내 양식에서 두 개의 제출 버튼을 처리하는 방법

  7. 7

    제출 양식의 차단 버튼

  8. 8

    단일 JS 파일에 두 개의 AJAX 양식 제출, 하나만 작동 함

  9. 9

    두 개의 버튼이있는 두 개의 다른보기에 GET 양식을 제출할 수 있습니까?

  10. 10

    jQuery Ajax 양식 두 제출 버튼 하나의 양식

  11. 11

    레일로 한 번에 두 개의 양식 제출

  12. 12

    두 개의 HTML 양식 하나의 결과 페이지에 대한 하나의 제출 버튼

  13. 13

    두 개의 제출 버튼이 있지만 한 번에 하나만 표시되는 양식

  14. 14

    HTML 양식, 2 개의 다른 PHP 작업 / 파일에 대한 2 개의 제출 스타일 버튼

  15. 15

    하단에 두 개의 버튼 정렬

  16. 16

    CakePHP에서 다른 값을 가진 두 개의 제출 버튼

  17. 17

    두 개의 버튼에 대한 AJAX 단일 기능 트리거

  18. 18

    PHP : 제출할 두 개의 버튼

  19. 19

    HTML 양식에 2 개의 제출 버튼

  20. 20

    양식 내 두 개의 버튼

  21. 21

    양식 외부에 PHP가있는 두 번째 제출 버튼

  22. 22

    양식 codeigniter의 두 개의 다른 제출 버튼이 이상하게 작동합니다.

  23. 23

    웹 애플리케이션 : Flask-html-wtforms : 두 개의 제출 버튼이있는 양식

  24. 24

    두 개의 제출 버튼에 대한 자바 스크립트 팝업 확인

  25. 25

    Struts 2에서 하나의 양식에 두 개의 제출 단추를 추가하는 방법

  26. 26

    양식의 제출 버튼에 대해 다른 이름 제공

  27. 27

    php-ajax : 서로 다른 목적으로 작업 할 때마다 양식에 두 개의 제출 버튼을 사용하는 방법

  28. 28

    하나의 제출 버튼으로 모두 함께 제출하는 세 가지 양식

  29. 29

    단일 팝 오버 안에 두 개의 부트 스트랩 팝 오버 제목

뜨겁다태그

보관