layui 폼 의 단추 가 자동 으로 제출 되 는 문 제 를 해결 합 니 다.
924 단어 전단 UI 프레임 워 크
요 며칠 동안 프로젝트 에서 폼 버튼 을 여러 번 사용 하여 자세히 연구 한 결과 해결 방법 을 찾 았 다.
1. 폼 에 있 는 단추 가 필요 하지 않 으 면 폼 에 넣 지 않 는 것 이 좋 습 니 다. layui 의 form 에 없 는 단 추 는 자동 으로 제출 되 지 않 습 니 다.
2. 폼 에 있 는 단 추 는 js 의 리 셋 함수 에 return false 제 지 를 추가 할 수 있 습 니 다.filter 의 매개 변 수 는 단추 의 lay - filter 속성 중의 값 을 말 합 니 다. 이것 은 스스로 설정 할 수 있 습 니 다.예 를 들 면:
form.on('submit(filter)',function(data){
......
return false;
});
그러나 여기 서 무시 하기 쉬 운 문제 가 있 습 니 다. 버튼 에 lay - submit 속성 이 추가 되 지 않 으 면 layui 의 form. on 폼 이 이 단 추 를 듣 지 못 하면 return false 가 제출 에 대한 제지 도 효력 을 잃 습 니 다.
3. 버튼 대신 a 태그 로 만 든 단 추 를 사용 하 는 방법 도 있 습 니 다.
````````````````````````````````````````````````````````````````````````````````````
4. 댓 글 남 겨 주신 어르신 의 지적 에 감 사 드 립 니 다.
button 의 type 을 button 으로 설정 하면 자동 으로 제출 되 지 않 습 니 다. 기본 값 은 submit 입 니 다. 이 때 자동 으로 제출 됩 니 다.