버튼이 양식을 제출하지 못하도록 하려면 어떻게 해야 합니까?

양식에서 버튼 동작 사용자 정의

양식에는 양식 제출이나 다른 작업 수행과 같은 다양한 작업을 실행하는 버튼이 있는 것이 일반적입니다. 그러나 어떤 경우에는 버튼을 클릭했을 때 양식을 제출하지 않는 것이 바람직할 수 있습니다.

문제:

두 개의 버튼이 있는 양식을 고려해보세요. 변경사항 취소' 버튼과 '제출' 버튼이 있습니다. 두 버튼 모두 jQuery UI 버튼 스타일이 적용되어 있습니다. 그러나 "변경 사항 취소" 버튼을 누르면 type="submit" 속성이 없어도 양식이 제출됩니다.

해결책:

기본값은 버튼 요소의 유형 속성은 "제출"입니다. 버튼이 양식을 제출하지 못하도록 하려면 type="button"을 명시적으로 설정하세요.

<button type="button">Cancel changes</button>

이 수정은 버튼을 클릭해도 "아무 작업도 수행하지 않음"을 브라우저에 지시하여 양식이 영향을 받지 않도록 합니다.

추가 참고사항:

• jQuery UI 버튼() 함수를 사용하면 버튼과 input[type="button"] 요소의 모양을 향상할 수 있습니다.
• type="button"을 설정하면 해당 버튼에 대한 양식 유효성 검사가 비활성화된다는 점에 유의하는 것이 중요합니다. 검증을 원할 경우 대신 type="submit"을 사용하세요.

위 내용은 버튼이 양식을 제출하지 못하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!