& ltmeta?http-equiv=\"X-UA兼容\"?content=\"IE=edge,chrome=1 \" >& lttitl" />
附加源代碼
& lt!DOCTYPE?html & gt
& lthtml & gt
& lthead & gt
& ltmeta?charset="utf-8 " >
& ltmeta?http-equiv="X-UA兼容"?content="IE=edge,chrome=1 " >
& lttitle & gt示例& lt/title & gt;
& ltmeta?name= "描述"?content = " " & gt
& ltmeta?name= "關鍵詞"?content = " " & gt
& lt鏈接?href= " "?rel="stylesheet " >
& lt風格?type="text/css " >
* {邊距:?0;填充:?0;}
#框{
寬度:?240px
身高:?100 px;
邊框:1px?固體?灰色;
邊框半徑:?10px;
填充:?30px?10px?10px?10px;
邊距:?100px?汽車?0;
}
#電話號碼
寬度:?160 px;
身高:?20px
邊距:?0;
左填充:5px
}
#btn{
寬度:?50px
身高:?25px
}
p{
頁邊距-頂部:?10px;
字體大小:?14px;
字體系列:?微軟?雅黑’;
}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv?id = " box " & gt
& lt輸入?type= " "?姓名= " "?id = " tel " & gt
& lt輸入?type="button "?姓名= " "?Value= "確認"?id="btn">。
& ltp & gt& lt/p & gt;
& lt/div & gt;
& lt劇本?type = " text/JavaScript " & gt;
var?oBox = document . getelementbyid(' box ');
var?oBtn = document . getelementbyid(' BTN ');
var?oP = document . getelementsbytagname(' p ')[0];
oBtn.onclick=function(){
var?val = document . getelementbyid(' tel ')。價值;
var?reg=/^1[345678]\d{9}$/;
如果?(val== ' ')?{
op . style . color = " red ";
OP.innerHTML= "請輸入您的手機號碼!";
}別的?if(註冊測試(val)){
op . style . color = " green ";
OP.innerHTML= "輸入正確!";
}否則{
op . style . color = " red ";
OP.innerHTML= "輸入錯誤,請重新輸入!";
}
}
& lt/script & gt;
& lt/body & gt;
& lt/html & gt;