ウェブサイトでJavaScriptのアラートが機能しない

Question

私はjavascriptでいくつかのことを試しましたが、私のサイトでは何も動作していないようです。私はフォームを提出するときに警告ポップアップを持っています。これは私がこれはウェブサイトである

<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 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"を追加することを忘れないでください。