我的位置:首頁 >   > 

    html表單換行及時觸發判斷

    發表時間:
    <input type="text" name="post_office_account" maxlength="17" class="inpt" required="required" onblur="chkLength1();"/><span id="post_office"></span>
    <input type="submit" value="送出" id="check"/>


    input為輸入框,onblur能讓離開該行時觸發

    onblur="javascript變數名稱();"

    所以,當離開input時候,會使用onblur觸發chkLength1()

    span id=post_office用來顯示錯誤訊息
    ------------------------------------------------------------------
    function chkLength1()
    {
    var txtLength = form1.post_office_account.value
    //指定form1表單裡面post_office_account的值
    if (txtLength.length != 17) //如果form1.post_office_account不等於17
    {
         document.getElementById("post_office").innerHTML='帳戶17字';
    //在id是post_office的地方輸出:帳戶17字
         form1.post_office_account.value = ""; //清除post_office_account欄中的值
         document.all.check.style.visibility= "hidden";//當數值不等於17時,隱藏按鈕,避免送出資料
    }
    else
    {
    document.getElementById("post_office").innerHTML='';
    //修正之後,把ID是post_office的值歸零
    document.all.check.style.visibility="visible";//顯示按鈕
    //修正之後,不用擔心此行資料錯誤所以可以顯示按鈕讓表單能夠送出資料

    }