html5 表單驗證

標籤：on()   etc   element   get   html   match   異常   for   dial   

<!--
壹丶
<form action="#" name="EduTypeForm" id="EduTypeForm" method="post">
<ul>
<li>
test：&nbsp&nbsp&nbsp <input id="num" type="text">
</li>
<li>
<a class="btn btn-mini btn-primary" onclick="save();">儲存</a>
<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
</li>
</ul>
</form>

<script type="text/javascript">
function save(){
var nums=document.getElementById("num");
if(nums.value==‘‘){
nums.setCustomValidity("空！");
}else{
nums.setCustomValidity(‘‘);
}
/* if(!nums.checkValidity()){ 判斷我們輸入的值是否異常 Boolean類型
return false;
} */
}
</script> -->

<!--
貳丶
<form>
<input id="text" pattern="^1[3-9]\d{9}$" required />
<input id="button" type="submit" />
</form>

<script>
text.oninput=function(){
text.setCustomValidity("");
};
text.oninvalid=function(){
text.setCustomValidity("您輸入的手機號有誤！");
};
</script> -->

<!--
三丶
<form name="test" action="." method="post">
<input type="text" required pattern="^\d{4}$" oninput="out(this)" placeholder="請輸入代碼" >
<button type="submit">Check</button>
</form>

<script type="text/javascript">
function out(i){
var v = i.validity;
if(true === v.valueMessing){
i.setCustomValidity("請填寫些欄位");
}else{
if(true === v.patternMismatch){
i.setCustomValidity("請輸入4位元字的代碼");
}else{
i.setCustomValidity("");
}
}
}
</script> -->

html5 表單驗證