附加源代碼
& 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；