這篇“JavaScript正則實(shí)現(xiàn)表達(dá)式以字母開頭的示例”除了程序員外大部分人都不太理解,今天小編為了讓大家更加理解“JavaScript正則實(shí)現(xiàn)表達(dá)式以字母開頭的示例”,給大家總結(jié)了以下內(nèi)容,具有一定借鑒價(jià)值,內(nèi)容詳細(xì)步驟清晰,細(xì)節(jié)處理妥當(dāng),希望大家通過(guò)這篇文章有所收獲,下面讓我們一起來(lái)看看具體內(nèi)容吧。
創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)許昌,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220JavaScript是一種直譯式的腳本語(yǔ)言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,JavaScript是被廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
表單校驗(yàn):創(chuàng)建表單,使用JavaScript+dom為表單添加校驗(yàn).
要求:
驗(yàn)證用戶名稱,必須以字母開頭,長(zhǎng)度2-6位之間.
驗(yàn)證密碼不能為空.
確認(rèn)密碼不能為空,要與密碼一致.
<!DOCTYPE html><html lang="en"><!-- 表單校驗(yàn):創(chuàng)建表單,使用JavaScript為表單添加校驗(yàn). 1.驗(yàn)證用戶名稱,必須以字母開頭,長(zhǎng)度2-6位之間. 2.驗(yàn)證密碼不能為空. 3.確認(rèn)密碼不能為空,要與密碼一致. --><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function checkForm() { //獲得用戶名對(duì)象 var username = document.getElementById("username"); //---獲得用戶名輸入框中的value值 var usernamevalue = username.value; var Reg = /^[a-zA-Z][-_a-zA-Z0-9]{1,5}/;//JavaScript中的正則與Java的正則略有不同 if (usernamevalue.length >= 2 && usernamevalue.length <= 6 && Reg.test(usernamevalue)) { //為span設(shè)置提示語(yǔ) document.getElementById("usernameSpan").innerHTML = "<font color='green'> 用戶名可用<font>"; } else { document.getElementById("usernameSpan").innerHTML = "<font color='red'> 用戶名必須以字母開頭且長(zhǎng)度在2-6之間<font>"; } //獲得密碼value var password = document.getElementById("password").value; if (password == "") { document.getElementById("passwordSpan").innerHTML = "<font color='red'>密碼不能為空</font>"; } else { document.getElementById("passwordSpan").innerHTML = "<font color='green'>密碼可用</font>"; } //獲得確認(rèn)密碼 var repassword = document.getElementById("repassword").value; if (repassword == password) { document.getElementById("repasswordSpan").innerHTML = "<font color='green'>輸入一致</font>"; } else { document.getElementById("repasswordSpan").innerHTML = "<font color='red'>兩次輸入密碼不一致</font>"; } } </script></head><body> <h3>新用戶注冊(cè)</h3> <p style="border: 1px solid sandybrown; width: 300px; height: 260px;"> <form action=""> <table cellspacing="15"> <tr> <td> 用戶名稱: </td> <td> <input type="text" id="username"> <span id="usernameSpan"></span> </td> </tr> <tr> <td> 密  碼: </td> <td> <input type="password" id="password"> <span id="passwordSpan"></span> </td> </tr> <tr> <td> 確認(rèn)密碼: </td> <td> <input type="password" id="repassword"> <span id="repasswordSpan"></span> </td> </tr> </table> </form> </p> <input type="button" value="確認(rèn)注冊(cè)" onclick="checkForm()" /></body></html>
感謝你的閱讀,希望你對(duì)“JavaScript正則實(shí)現(xiàn)表達(dá)式以字母開頭的示例”這一關(guān)鍵問(wèn)題有了一定的理解,具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì),快去試試吧,如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站題目:JavaScript正則實(shí)現(xiàn)表達(dá)式以字母開頭的示例-創(chuàng)新互聯(lián)
本文URL:http://aaarwkj.com/article4/cocoie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、小程序開發(fā)、微信小程序、外貿(mào)建站、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容