input required属性をクリアした後、javascriptのalert使って送信メッセージを出したい

Question

前提・実現したいこと

プログラミング超初心者です。
今、formで氏名やメールなどをrequiredにして、入力しないと送信できないようにしています。

requiredをjavascriptのalert機能で「送信されました」等のメッセージを出したいのですが、
どうjavascript上で実装すればよいでしょうか。

よろしくお願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

HTML

<form action="#" method="post"> <div class="widget"> <label for="name"> お名前（必須）</label> <input id="nickname" name="name" type="text" required> </div> <div class="widget"> <label for="email"> メール（必須） </label> <input id="email" name="email" type="email" required> </div> <div class="widget"> <label for="telephone"> 電話番号 </label> <input id="telephone" name="telephone" type="tel" > </input> </div> <div class="button"> <button type="submit" id="submit">送信</button> </div> </form>

試したこと

ネットでいろいろ調べてやってみましたが、なぜかうまくいきません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[FKM]

質問文が曖昧です。requiredプロパティによって制御されているデフォルトメッセージ文を変えたいのですか？それとも、requiredのメッセージ文みたいに、フォームでの不足情報があったときに、javascript上でエラーメッセージを表示したいのでしょうか？

[x_x]

「required属性をクリア」するというのは属性を削除するということでしょうか？ 要件をはっきりさせたほうがいいかと思います