입력 필드 값 변경시 양식 제출

미스터 94

단일 속성이있는 양식이 있고 유일한 속성의 값을 변경할 때 양식을 제출하고 싶지만 변경 이벤트가 발생하지 않습니다. 여기 내 코드입니다

function triggerClick(){
	$('#user_profilepic').trigger('click');
};

$('#user_profilepic').change(function(){
	$('form#updateAvatar').submit();
});
#updateAvatar{
  display: none;
  }
<form id="updateAvatar" class="simple_form edit_user" method="post" accept-charset="UTF-8" action="/edit/updateAvatar" enctype="multipart/form-data" novalidate="novalidate">
  <div class="form-group file optional user_profilepic">
  <label class="file optional control-label" for="user_profilepic">Profilepic</label>
  <input id="user_profilepic" class="file optional" type="file" name="user[profilepic]">
  </div>
  <input type="submit" value="Update User" name="commit">
</form>

미리 감사드립니다

Farhan

다음은 작업 코드입니다. jsfiddle jQuery 코드를 실행하기 전에 html 이로드 되었는지 확인하십시오.$(document).ready()

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

입력 값 추가 및로드시 양식 제출

분류에서Dev

JS 입력 유형 날짜 필드, 양식 제출 후 선택된 값 유지

분류에서Dev

JS는 양식 제출 전에 확인 된 모든 입력 필드 값을 출력합니다.

분류에서Dev

필드 값이 거짓 인 경우 양식 제출 방지

분류에서Dev

제출시 양식 외부에있는 입력 값 전달

분류에서Dev

양식 제출 후 날짜 필드 값 표시

분류에서Dev

jQuery를 사용하여 양식을 제출하기 전에 입력 값 변경

분류에서Dev

Joomla 입력 양식 필드 출력

분류에서Dev

웹 양식의 선택 필드 값에 따라 입력 필드의 데이터 요구 사항 변경

분류에서Dev

주요 양식 입력 필드 및 제출 버튼 문제

분류에서Dev

HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

분류에서Dev

양식 제출시 입력 값을 가져 와서 표시합니다.

분류에서Dev

입력 값을 변경하고 키를 누를 때 양식을 제출하십시오 (단지 입력하여 전송하지 않음).

분류에서Dev

Phoenix LiveView에서 제출 후 양식 입력 필드 재설정

분류에서Dev

jCanvas의 출력 양식 입력 값

분류에서Dev

제출시 양식을 Angular.js로 대체하기 위해 양식 입력 값을 얻는 방법

분류에서Dev

입력 필드의 이름을 "제출"이외의 이름으로 변경 한 후에도 Jquery 양식 제출이 작동하지 않습니다.

분류에서Dev

ASP.NET 웹 사이트-제출하기 전에 양식에 입력 한 값 변경

분류에서Dev

Flutter에서 제출 버튼과 숨겨진 입력 필드가있는 HTML 양식을 표시하는 방법

분류에서Dev

Spring MVC 2.5 Command 객체 값이 양식 제출시 변경됨

분류에서Dev

양식 제출시 드롭 다운 값을 재설정하는 방법, 기타 입력 값이 React Hooks에서 지워집니다.

분류에서Dev

입력은 변경시 양식을 제출하지 않습니다.

분류에서Dev

값이 반환 양식 JS 인 입력 필드의 값 사용

분류에서Dev

제출 양식에서 입력 값의 단어 일부 제거

분류에서Dev

제출 양식에서 입력 값의 단어 일부 제거

분류에서Dev

양식 제출시 양식 필드 활성화

분류에서Dev

Yii에서 양식 제출시 사용자 정의 필드가 null입니다.

분류에서Dev

확인란 값 변경시 양식 필드 옵션 변경-Symfony 5.1

분류에서Dev

입력 번호 양식 필드에 따라 가격 변경

Related 관련 기사

  1. 1

    입력 값 추가 및로드시 양식 제출

  2. 2

    JS 입력 유형 날짜 필드, 양식 제출 후 선택된 값 유지

  3. 3

    JS는 양식 제출 전에 확인 된 모든 입력 필드 값을 출력합니다.

  4. 4

    필드 값이 거짓 인 경우 양식 제출 방지

  5. 5

    제출시 양식 외부에있는 입력 값 전달

  6. 6

    양식 제출 후 날짜 필드 값 표시

  7. 7

    jQuery를 사용하여 양식을 제출하기 전에 입력 값 변경

  8. 8

    Joomla 입력 양식 필드 출력

  9. 9

    웹 양식의 선택 필드 값에 따라 입력 필드의 데이터 요구 사항 변경

  10. 10

    주요 양식 입력 필드 및 제출 버튼 문제

  11. 11

    HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

  12. 12

    양식 제출시 입력 값을 가져 와서 표시합니다.

  13. 13

    입력 값을 변경하고 키를 누를 때 양식을 제출하십시오 (단지 입력하여 전송하지 않음).

  14. 14

    Phoenix LiveView에서 제출 후 양식 입력 필드 재설정

  15. 15

    jCanvas의 출력 양식 입력 값

  16. 16

    제출시 양식을 Angular.js로 대체하기 위해 양식 입력 값을 얻는 방법

  17. 17

    입력 필드의 이름을 "제출"이외의 이름으로 변경 한 후에도 Jquery 양식 제출이 작동하지 않습니다.

  18. 18

    ASP.NET 웹 사이트-제출하기 전에 양식에 입력 한 값 변경

  19. 19

    Flutter에서 제출 버튼과 숨겨진 입력 필드가있는 HTML 양식을 표시하는 방법

  20. 20

    Spring MVC 2.5 Command 객체 값이 양식 제출시 변경됨

  21. 21

    양식 제출시 드롭 다운 값을 재설정하는 방법, 기타 입력 값이 React Hooks에서 지워집니다.

  22. 22

    입력은 변경시 양식을 제출하지 않습니다.

  23. 23

    값이 반환 양식 JS 인 입력 필드의 값 사용

  24. 24

    제출 양식에서 입력 값의 단어 일부 제거

  25. 25

    제출 양식에서 입력 값의 단어 일부 제거

  26. 26

    양식 제출시 양식 필드 활성화

  27. 27

    Yii에서 양식 제출시 사용자 정의 필드가 null입니다.

  28. 28

    확인란 값 변경시 양식 필드 옵션 변경-Symfony 5.1

  29. 29

    입력 번호 양식 필드에 따라 가격 변경

뜨겁다태그

보관