Javascript 驗證表單輸入內容

透過 form 送出前先驗證 , 所以必需配合 form , 其他驗證語法可參考 Java 驗證大全
javascript

<head>
<script language="javascript" type="text/javascript">
function validate_form (form) {
flag=true;
if (form.np.value=="") {
alert( "有欄位尚未填寫.");
flag=false;
}
if (form.np.value != form.vp.value) {
alert("新密碼不正確.");
flag=false;
}
//複雜度檢查 可用正規表示式 form.np.value.match(/[0-9]/) 無數字 form.np.value.match(/[a-zA-Z]/))沒有字母
if ( form.np.value.length <=4 ) {
alert("密碼小於5個字元.");
flag=false;
}
return flag;
}
</script>
</head>

<head>

function validate_form (form) {

flag=true;

if (form.np.value=="") {

alert( "有欄位尚未填寫.");

flag=false;

}

if (form.np.value != form.vp.value) {

alert("新密碼不正確.");

flag=false;

}

//複雜度檢查可用正規表示式 form.np.value.match(/[0-9]/) 無數字 form.np.value.match(/[a-zA-Z]/))沒有字母

if ( form.np.value.length <=4 ) {

alert("密碼小於5個字元.");

flag=false;

}

return flag;

}

</script>

</head>

form

<form id="formid" name="formid" method="post" action="next_page.php" onsubmit="return validate_form(this)">
<table >
    <tr>
          <td>
        請輸入新密碼:
        </td>
        <td>
        <input type="password" name="np" id="np" class="content_text"/>(至少5個字元)
        </td>
    </tr>
    <tr>
   <tr>
        <td>
        </td>
        <td><input type="submit" name="submit" id="submit" value="確定" class="content_text" />
            <input type="reset" name="reset" id="reset" value="重設" class="content_text" />
        </td>
    </tr>
</table>
</form>

<tr>

<td>

請輸入新密碼:

</td>

<td>

<input type="password" name="np" id="np" class="content_text"/>(至少5個字元)

</td>

</tr>

<tr>

<td>

</td>

</td>

</tr>

</table>

</form>

(Visited 69 times, 1 visits today)

Follow us