31

我创建了一个带有列表框和文本区域的简单页面，其中包含所有都需要的条件。

列表框工作正常，但 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>
4

7 回答 7

82

您在文本区域内有空白空间，请将其删除：

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

小提琴演示

于 2013-06-12T09:01:57.310 回答
15

问题在于标签之间的空格。您不应该在这些标签之间在 html 中提供任何空格，否则浏览器会将其视为值。

于 2013-06-12T09:03:27.493 回答
3

尝试这个

<textarea name="mm" id="mm" rows="5" placeholder="NA if not applicable" required="required"></textarea>
于 2015-09-24T04:22:13.073 回答
3

并且可能形式具有novalidate属性。任何带有表单novalidate 属性的表单元素验证属性（如required或）都将被忽略。regexp

于 2017-09-02T00:35:34.523 回答
2

我遇到了类似的问题。我在 Textarea 的开始标签和结束标签之间留下了空格，如下面的代码所示

<label><b>Register As:*</b></label>
<select name="category" id="category" class="form-control"  
 onchange="toggleInput()" required>
      <option value=''>--Select--</option>
      <option value='Attendee'>Attendee</option>
      <option value='Presenter'>Presenter</option>
</select>

 ...
<textarea name="description" id="description" class="form-control" 
placeholder="Explain here what you will present...">  </textarea>

在我的javascript中我试图关注

<script>
   function toggleInput() {  
      if( document.getElementById("category").value=="Attendee"){  
        document.getElementById("description").required = false;
      }
      else{
        document.getElementById("description").required = true;
      }
   }//End Function
</script>

在我登陆此页面之前，我无法弄清楚问题出在哪里。那是空间。感谢@sinisake 的解决方案。希望分享我的经验会对某人有所帮助

于 2019-07-05T09:49:11.863 回答
2

检查文本区域中的默认值。必须有被视为值的空格。

于 2019-06-25T09:08:31.437 回答
1

不要在开始标签和结束标签之间使用空格。

例如：

<textarea required>**Don't put any space here**</textarea>

它会正常工作。

于 2021-03-27T09:54:03.680 回答