textarea的HTML5验证

Question

我正在使用HTML5进行验证。如此网址http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_required中所示 如果您提交带有空格的表格，则可以提交表格。

如果值为空或仅包含空格，我想限制用户。

由于

Answer 1

您可以使用javascript删除空格

为此，请使用此功能

function removeWhiteSpaces(str) {
    return str.replace(/\s/g, '');
}

验证是否为空白，

function validateField() {
    // Trim the input (remove spaces)
    var input = removeWhiteSpaces(document.getElementById('mytextarea').value);

    // We don't accept any blank form
    if (input == '')
        alert('Invalid input.');
    else
        alert('Valid!');
}

HTML code，

<textarea id="mytextarea"></textarea>
<input type="button" onclick="validateField()" value="Validate" />

在www3schools中试试。