提出時に必須フィールドをチェックするが、ページを更新しないフォームにボタンを入れる方法は？

Question

私は送信時に必須のフィールドをチェックするが、ページを更新しないボタンを持つフォームが必要です。

<form> 
    <fieldset> 
     <input type="text" id="firstname" placeholder="First Name" required/> 
     <input type="submit" value="Send"/> 
    </fieldset> 
</form> 

フォームの送信時に無効にすると、必須フィールドをもうチェックしません。 onSubmitのすべての機能が必要ですが、ページを更新する必要はありません。

私は何か助けていただきありがとうございます。

Answer 1

なぜエラーが発生するのかわかりません。提供されたコードは機能するはずです。次のように念のアクションやメソッドを追加してみてください：

<form action="" method="POST" onsubmit="myFunction()"> 
    <fieldset> 
     <input type="text" id="firstname" placeholder="First Name" required> 
     <input type="submit" value="submit"> 
    </fieldset> 
</form> 

次のようにあなたはそれからダウン以下のMyFunctionと呼ばれる機能を追加することができます。

<script> 
    function myFunction() { 
     alert("Form was submitted"); 
    } 
</script>