onsubmit表單驗證

標籤：io   ar   java   for   sp   on   cti   log   amp   

<script type="text/javascript">
function check(){
    var username=document.getElementById(‘username‘);
    var password=document.getElementById(‘password‘);
    //防止使用者輸入空格也驗證通過
    if (!(username.value.replace(/\s*/g,‘‘)&&password.value.replace(/\s*/g,‘‘))){
        username.focus();
        return false;
    }else{
        //document.forms[0].login.disabled=true;
        document.getElementById(‘login‘).disabled=true;
        document.getElementById(‘login‘).value=‘登入中‘;
        return true;
    }
}
</script>

<form action="test.php" method="get" id="test" onsubmit="return check()">
<label for="username">使用者名稱 : </label><input id=‘username‘ name="username" type="text" />
<label for="password">密　碼 : </label><input id="password" name="password" type="password"/>
<input type="submit" value="登陸" id="login" name="login" />
</form>

<!--<button type="submit">提交</button>
下面的預設不會觸發onsubmit()事件
<input type=‘button‘ value=‘提交‘/>
<button onclick="_submit()">提交</button>-->

 

非行間事件的寫法

var obj = document.getElementById(‘myform‘);
var check = function(){
    var username=document.getElementById(‘username‘);
    var password=document.getElementById(‘password‘);
    if (!(username.value.replace(/\s*/g,‘‘)&&password.value.replace(/\s*/g,‘‘))){
        return false;
    }else{
        return true;
    }
}
obj.onsubmit = function(){
return check();
}

// 這樣寫不能實現阻止表單提交
// obj.onsubmit = function(){
//     var username=document.getElementById(‘username‘);
//     var password=document.getElementById(‘password‘);
//     if (!(username.value.replace(/\s*/g,‘‘)&&password.value.replace(/\s*/g,‘‘))){
//         return false;
//     }else{
//         return true;
//     }
// }

onsubmit表單驗證