html5表單驗證(Bootstrap)
郵箱驗證：
<input name="email" type="text" placeholder="必填項" class="input-xlarge" required pattern="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"
title="郵箱正確格式：xxx@xxx.xxx">
密碼驗證：
<div class="control-group">
<label class="control-label">
密碼</label>
<div class="controls">
<input id="pwd" name="pwd" type="password" placeholder="必填項" class="input-xlarge"
required onchange="checkPasswords()">
</div>
</div>
<div class="control-group">
<label class="control-label">
確認密碼</label>
<div class="controls">
<input id="pwd1" name="pwd1" type="password" placeholder="必填項" class="input-xlarge"
required onchange="checkPasswords()">
</div>
</div>
驗證方法:
<script>
function checkPasswords() {
var passl = document.getElementById("pwd");
var pass2 = document.getElementById("pwd1");
if (passl.value != pass2.value)
passl.setCustomValidity("兩次密碼必須輸入一致！");
else
passl.setCustomValidity('');
}
function check() {
document.getElementById('ok').disabled = 'disabled';
}
</script>