2017-07-21 1 views
0

を働いていないHTML5必要なパラメータを使用してフォームフィールドのすべては、私は必要なパラメータを使用し、すべてのフィールドに追加しますが、そのすべてで動作していないのです、こんにちは、私は私のフォームに必要なすべてのフィールドを作成しようとしています

を必要と検証エラーは表示されません

<form action='index.php' method='POST' enctype="multipart/form-data"> 

<h6>First Name</h6> 
<input type='text' name='fname' value="First Name" required /> 

<h6>Last Name</h6> 
<input type='text' name='lname' value="Last Name" required /> 

<h6>Email</h6> 
<input type='text' name='email' value="Email" required /> 

<h6>Password</h6> 
<input type='text' name='password' value='Password' required /> 

<input type='submit' value='submit' /> 
<input type='hidden' value='1' name='submitted' /> 

</form> 
+0

」タグと送信ボタンはどこにありますか? – vqdave

答えて

0

requiredフィールドの検証は、フォームを送信しようとすると発生します。投稿されたコードの問題は、フォームに入力がラップされていないため、送信するフォームがないことです。

これは、あなたがそれをやった方法を次のとおりです。

<form action="#"> 
 
    <h6>First Name</h6> 
 
<input type='text' name='fname' required /> 
 

 
<h6>Last Name</h6> 
 
<input type='text' name='lname' required /> 
 

 
<h6>Email</h6> 
 
<input type='text' name='email' required /> 
 

 
<h6>Password</h6> 
 
<input type='text' name='password' required /> 
 

 
<input type="submit"> 
 
</form>

、しかし、あなたがインスタント検証をしたい場合、あなたは多くの検証ライブラリのいずれかを使用して、それを自分で行う必要があるでしょう既に存在するか、カスタムJavaScriptコードを記述することによって、

+0

私は申し訳ありませんが、私は既にフォームにラップされています – jdoe1991

+0

@ jdoe1991その後、その一部だけでなくコード全体を投稿してください。また、コードを実行すると、検証が機能していることがわかります。あなたがもっとしたい場合は、コードの後に​​、私の答えの最後の段落を読んでください。 –

+0

コードが投稿されました。いいえ、フォームを送信する前にフィールドが必要になります。 – jdoe1991

-1

入力タグは自動的に閉じます。 "/"は最初の容疑者です。それらの終了タグなしでもう一度試してください。私はまた、 "必須"の後のスペースを削除しますが、それは私のOCDです。

+0

ではなく、入力要素に
+0

これはすべて無関係です。少なくともHTML5標準によれば、有効なHTMLです。ほとんどの場合、ラベルを使用することに同意しますが、設計上の観点からは 'h6'を使用する理由があるかもしれませんが、それは奇妙でアクセシビリティが崩れそうです。 –

関連する問題