javascript - 如何使文本区域成为必填项

Question

非常不言自明，我有一个文本区域并将其设置为必需，但它只会在您实际单击文本区域时提示用户，如果您提交时没有在文本区域内单击它不会提示警报。

Fiddle

<p class="textHeader">
    <strong>
        Which type of elements would you be in favor of for a future 
        pattern for interactive media to follow? 
    </strong>
    <textarea
        name="styled-textarea"
        id="styled" 
        onfocus="this.value=''; setbg('#e5fff3');" 
        oninvalid="invalidComment(this);" 
        onblur="setbg('white')" 
        placeholder="Max characters 140"
        maxlength="140" 
        required
    > 
    </textarea>
</p> 

Answer 1

简单的回答。您已经为 textarea 提供了内容，一些空白区域显示了您现有 HTML 的布局方式。因此提供了一个值。确保你的 textarea 结束标签紧挨着开始标签，没有任何空格，所以中间没有空白内容。像这样:

<p class="textHeader">
<strong>
    Which type of elements would you be in favor of for a future 
    pattern for interactive media to follow? 
</strong>
<textarea
    name="styled-textarea"
    id="styled" 
    onfocus="this.value=''; setbg('#e5fff3');" 
    oninvalid="invalidComment(this);" 
    onblur="setbg('white')" 
    placeholder="Max characters 140"
    maxlength="140" 
    required
></textarea>