2016-06-04 4 views
0

나는 이것을 수행하기 위해 여러 가지 방법을 시도해 보았지만 어떤 제안도 실제로 수행하지 못했습니다. 감사합니다Div가 양식을 제출하지 않음

<div name="login" class="blue_button" onclick=" 
document.getElementById("form").submit();"><div class="blue_button_text noselect">Login</div></div> 
+0

왜 div를 버튼으로 사용하고 있습니까? 키보드 만 사용하는 사용자는 귀하의 페이지를 사용할 수 없다는 점에서 접근성에 문제가 있습니다. 어쨌든, 양식에 html을 보여 주시겠습니까? – nnnnnn

+0

@nnnnnn 그렇지 않으면 내 단추가 잘 보이지 않을 것이므로 텍스트가 단추의 위치를 ​​변경하고 성가 시게됩니다. 왜 내 양식을보고 싶니? – sum1hor

+0

나는 문제가 있는지 궁금해서 당신의 양식을보고 싶었습니다. 나는 그 이후로 쟁점이 아니며 답을 알게되었다. 보기 좋지 않고 "성가신"버튼과 관련하여 마우스 나 다른 포인팅 장치를 실제로 사용할 수없는 사람들에게는 더욱 짜증이납니다. 이것을해야만한다고 생각한다면 div에 tabindex 속성을 추가하고 키 이벤트 핸들러를 추가하여 실제 버튼처럼 동작하게하십시오. – nnnnnn

답변

0

위치 :

단일 인용 부호로 내부 따옴표 문자를 변경

하고 작동합니다 (당신이 id="form"과 양식을 가지고 가정) 꼬리표? 또한 제출 버튼의 태그를 <div>에서 <button> 또는 <input>으로 변경하십시오. 의미 적으로 더 의미가 있습니다.

1

문제는 당신이 당신의 요소가 JS에서 리터럴 문자열을 속성에 대한 따옴표 문자를 사용하려고 한 것입니다. 따라서 onclick 속성은 form").submit();" 부분이 남아있는 onclick="document.getElementById("으로 읽습니다. 당신이 <form>와 양식을 선언했는지 확인

onclick="document.getElementById('form').submit();" 
+0

그냥 시도해도 작동하지 않습니다 – sum1hor

+0

다음 코드에 표시되지 않은 다른 문제가 있어야합니다. 양식에 * id * 양식이 있습니까? 따옴표를 수정하면 표시되는 코드가 다음과 같이 표시됩니다. https://jsfiddle.net/ju8r6ptj/ – nnnnnn

+0

그래, 그게 이상해? CSS로 할 수 있니? – sum1hor

관련 문제