値が空であってもtextareaの「必須」属性が機能しない

リストボックスとテキストエリアのある単純なページをすべて作成する必要があります。値が空であってもtextareaの「必須」属性が機能しない

リストボックスは正常に動作していますが、テキストエリアボックスにはフィールドの入力が必要であることが示されていません。

<!DOCTYPE html> 
<html> 
<head> 
<title>Ratings & Reviews</title> 
<body> 
<form> 

<span>Customer Service*</span> 
<span> 
    <select name=customer id=aa required> 
     <option selected="rate" value="" disabled>rate</option> 
     <option value=1>1</option> 
     <option value=2>2</option> 
     <option value=3>3</option> 
     <option value=4>4</option> 
     <option value=5>5</option> 
    </select> 
</span> 
<br><br> 
<span>Value for money*</span> 
<span> 
    <select name=money id=aa required> 
     <option selected="rate" value="" disabled>rate</option> 
     <option value=1>1</option> 
     <option value=2>2</option> 
     <option value=3>3</option> 
     <option value=4>4</option> 
     <option value=5>5</option> 
    </select> 
</span> 

<div> 
    <textarea name="reviews" rows=11 cols=50 maxlength=250 required> 
    </textarea> 
</div> 

<div id=submit> 
    <br> 
    <input type=submit name=submit value=submit> 
</div> 

</form> 
</body> 
</html>

出典

2013-06-12 divakar.scm

は、あなたがテキストエリア内の空きスペースを持って、それを削除します。

<textarea name="reviews" rows=11 cols=50 maxlength=250 required ></textarea>

出典

2013-06-12 09:01:57 sinisake

私にそれを打つ！ –

@ShadowWizard、笑、秒が問題です。 :) – sinisake

うん、私の前に5つの全秒。とにかく、私の[フィドル]（http://jsfiddle.net/GW3v9/）を取る。 :-) –

問題は、タグの間のスペースです。これらのタグの間にhtmlのスペースを入れないようにしてください。さもなければ、ブラウザはそれを値と見なします。

出典

2013-06-12 09:03:27

この素晴らしいソリューションのおかげで – Raj

この

<textarea name="mm" id="mm" rows="5" placeholder="NA if not applicable" required="required"></textarea>

出典

2015-09-24 04:22:13

が間違っています。 'required'属性はブール値です。もし存在すれば、 'textarea'が記入される必要があります。したがって、' required'の振る舞いは 'required =" required "' ' – Raptor

となります。 W3CとWhatwgの仕様から引用してください： "属性が存在する場合、その値は、空の文字列か、属性の正規名の大文字と小文字を区別しない一致で、先頭または末尾の空白がない値でなければなりません。 https://www.w3.org/TR/html5/infrastructure.html#boolean-attributes https://html.spec.whatwg.org/multipage/infrastructure.html#boolean-attributes https：// www。 w3.org/TR/html51/infrastructure.html#sec-boolean-attributes ただし、属性値は必須ではありません。 – hmundt

正しかったり、いくつか動的に作成されたhtmlが必要です= "必須" – user3012857

そしてprobalyフォームがnovalidate属性を持ってしてみてください。形式novalidate attributeのフォーム要素の検証属性（requiredまたはregexpなど）は無視されます。

出典

2017-09-02 00:35:34

値が空であってもtextareaの「必須」属性が機能しない

答えて

関連する問題