웹 사이트에서 자바 스크립트 알림이 작동하지 않습니다.

Question

자바 스크립트에서 여러 가지 시도를했지만 내 사이트에서 아무 것도 작동하지 않는 것 같습니다. 양식을 제출할 때 경고 팝업을 표시하려고합니다. 이것은 내가이 웹 사이트입니다

<form> 
    Name:<br> 
    <input type="text" name="name" required><br> 
    Email:<br> 
    <input type="email" name="email" required><br> 
    Phone (Format: 999-999-9999):<br> 
    <input type="tel" name="phone" required pattern="\d{3}[\-]\d{3}[\-]\d{4}"><br> 
    Nature of comment:<br> 
    <input type="checkbox" name="comment" value="Question"> Question 
    <input type="checkbox" name="comment" value="Business Inquiry"> Business Inquiry 
    <input type="checkbox" name="comment" value="Comment"> Comment 
    <input type="checkbox" name="comment" value="Other"> Other <br> 
    Comment:<br> 
    <textarea></textarea><br> 
    <input type="submit" value="Submit"> 
    <form onsubmit="return confirm('Do you really want to submit the form?');"> 
</form> 

이 무엇을 : 당신은 거의 있었다 http://webpages.uncc.edu/~kjardine/MC_Portfolio/contact.html

Answer 1

, 키는 이미 라인 1에 시작하는 <form> 태그가있는 코드는, 그래서 당신은 추가해야합니다 당신의 그것으로 onsubmit="" 속성. 여기에 트릭을 할해야 수정 된 코드는 다음과 같습니다 주석 기 말했듯이

<form onsubmit="return confirm('Do you really want to submit the form?');"> 
    Name:<br> 
    <input type="text" name="name" required><br> 
    Email:<br> 
    <input type="email" name="email" required><br> 
    Phone (Format: 999-999-9999):<br> 
    <input type="tel" name="phone" required pattern="\d{3}[\-]\d{3}[\-]\d{4}"><br> 
    Nature of comment:<br> 
    <input type="checkbox" name="comment" value="Question"> Question 
    <input type="checkbox" name="comment" value="Business Inquiry"> Business Inquiry 
    <input type="checkbox" name="comment" value="Comment"> Comment 
    <input type="checkbox" name="comment" value="Other"> Other <br> 
    Comment:<br> 
    <textarea></textarea><br> 
    <input type="submit" value="Submit"> 
</form> 

Answer 2

태그의 onsubmit은 상단에있는 양식 요소에 가야한다. 현재 form 요소가 삭제되어야합니다.

즉, 해당 웹 사이트에 대해 "더 이상 팝업을 표시하지 않음"옵션을 한 번 선택했을 수 있습니다. 예를 들어 크롬 캐시를 지우면 팝업을 다시 사용할 수있을 때까지 팝업이 비활성화됩니다.

<form onsubmit="return confirm('u sure?');"> 
    <input>... 
</form> 

나는 또한 HTML 매개 변수로 onsubmit 사용하고 대신 확인을 수행하는 실제 <script></script 블록에 JS 핸들러를 작성에 대해 조언한다.

window.onload = function() { 
    document.getElementById("myForm").onsubmit = function onSubmit(form) { 
     return confirm('u sure?'); 
    } 
} 

이 경우 양식 입력란에 id="myForm"을 추가해야합니다.