HTML5テキストエリアの検証

Question

私は検証のためにHTML5を使用しています。このURLに記載されている通り、http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_required を入力すると、フォームを提出することができます。

値が空白の場合、またはスペースのみを含む場合は、ユーザーを制限したいと考えています。

おかげ

Answer 1

あなたは、空白の場合は、

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コードを検証するには

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

この機能を使用し、これを行うには、空白に

を削除するにはJavaScriptを使用することができます

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

www3schoolsでこれを試してください。