テキストフィールド値の長さを確認する

Question

テキストフィールドの長さが少なくとも特定の長さかどうかを確認しようとしています。ここに私のコードです：

<form name="form2" id="form2" onsubmit="return validate()"> 
length 4: <input type="text" name = "t" id="t" /> 
<input type="button" name="submit" value="submit" /> 
</form> 

<script> 
function validate() { 
    document.write("good"); 
    submitFlag = true; 
    if(document.form2.t.value.length!=4){ 
     submitFlag=false; 
     alert("ivalid length - 4 characters needed!"); 
    } 
    return submitFlag; 
} 
</script> 

私が提出をクリックすると、何も起こりません。

Answer 1

あなたはおそらく=を入力し、送信ボタンをあなたの変更の代わりに、あなたが「少なくとも一定の長さ」

Answer 2

をしたい場合（！=）と等しくないの、（> =）以上欲しい「を提出」 。フォームは決して提出されないので、検証機能は呼び出されません。

Answer 3

あなたのボタンが

<input type="submit" name="submit" value="submit" /> 

そうonsubmitイベントは発生しませんする必要があります。また、document.write()ではなく、デバッグにはconsole.log()を使用してください。

• DEMO

Answer 4

私は様々なエラーを発見しました：

• はdocument.write()を使用していない、それは、現在開いている文書
• form2がdocumentのない財産ではありませんが上書きされます。 document.forms.form2を使用してもかまいませんが、document.getElementById("t")はここでは簡単です
• 「少なくとも4」はチェックされず、「正確に4」がチェックされます。
• あなたのボタンは何も送信しません。 <button type="submit">または<input type="submit" />
• に変更しますが、入力のためのpattern=".{4}"を指定したり、それをrequired属性

Answer 5

あなたが持っているいくつかの問題がありますを与えることができます。 1）入力を送信ボタンにする必要があります.2）document.write()ステートメントを削除する必要があります。あなたのコードは、（or see this jsFiddle）以下に変更します。

<form name="form2" id="form2" onsubmit="return validate()"> 
length 4: <input type="text" name = "t" id="t" /> 
<input type="submit" name="submit" value="submit" /> 
</form> 

<script> 
function validate() { 
    submitFlag = true; 
    if(document.form2.t.value.length!=4){ 
     submitFlag=false; 
     alert("ivalid length - 4 characters needed!"); 
    } 
    return submitFlag; 
} 
</script>​​​​ 

あなたはかなり接近していたが、あなたは（注：私はいずれかを提供していませんでした）そのコードにいくつかのクリーンアップを使用することができます。

Answer 6

入力タイプは、それがユーザーをお手伝いします、

<form name="form2" id="form2" onsubmit="return validate()"> 
    length 4: <input type="text" name = "t" id="t" /> 
    <input type="submit" name="submit" value="submit" /> <!--INPUT TYPE MUST BE SUBMIT --> 
    </form> 

    <script> 
    function validate() { 
     document.write("good"); 
     submitFlag = true; 
     if(document.form2.t.value.length!=4){ 
      submitFlag=false; 
      alert("ivalid length - 4 characters needed!"); 
     } 
     return submitFlag; 
    } 
</script> 

Answer 7

あなたはまた、あなたのテキスト入力にMAXLENGTH属性を追加する必要があり、「提出」する必要があります。

<form name="form2" id="form2" onsubmit="return validate();"> 
    <input type="text" name="t" id="t" maxlength="4"/> 
    <input type="submit" name="submit" value="submit"/> 
</form> 

<script type="text/javascript"> 
    function validate() 
    { 
     if (document.getElementById("t").value.length != 4) 
     { 
      alert("Invalid length, must be 4 characters"); 
      return false; 
     } 
     return true; 
    } 
</script>