HTML5 Validation for textarea

Question

我正在使用HTML5进行验证。如此URL 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代码，

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

在www3schools中试试这个。