課程
/前端開(kāi)發(fā)
/JavaScript
/表單驗(yàn)證
input輸入框內(nèi)如何添加提示文字,要用到JavaScript嗎?
2016-10-20
源自:表單驗(yàn)證 5-1
正在回答
需要用到 比如要求提示輸入用戶名在5到25個(gè)字符之間
在你的js文件中 寫(xiě)如下代碼
window.onload=function(){
//把所有input輸入框選擇出來(lái)
var aInput=document.getElementsByTagName('input');
//name是第一個(gè) 以后 會(huì)有密碼框 確認(rèn)密碼框等等
var oName=aInput[0];
//提示文字name_msg會(huì)寫(xiě)在p標(biāo)簽內(nèi) 把此標(biāo)簽也抓取出來(lái)
var aP=document.getElementsByTagName('p');
var name_msg=aP[0];//理由同上
//分三種情況1當(dāng)輸入框得到焦點(diǎn)時(shí) 就是放鼠標(biāo)時(shí)2鍵盤(pán)輸入時(shí)3失去焦點(diǎn)時(shí)輸入完成離開(kāi)輸入框時(shí)
//接下來(lái)我們只講解舉例講一下3:
//我們想達(dá)到 輸入完成 離開(kāi)輸入框時(shí)提示含有非法字符或者不能為空
//1:達(dá)到不能含有非法字符
oName.onblur=function(){
var re=/[^\w\u4e00-\u9fa5]/g;//代表含有的 都是非法字符
if(re.test(this.value)){
name_msg.innerHTML='<i class="err"></i>含有非法字符!'
}
//2不能為空
else if(this.value=" "){
name_msg.innerHTML='<i class="err"></i>不能為空'
記得寫(xiě)上input類型啊
不需要,直接<input value="提示文字">
舉報(bào)
表單驗(yàn)證是JavaScript中的高級(jí)選項(xiàng)之一,輸入框的驗(yàn)證
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-21
需要用到 比如要求提示輸入用戶名在5到25個(gè)字符之間
在你的js文件中 寫(xiě)如下代碼
window.onload=function(){
//把所有input輸入框選擇出來(lái)
var aInput=document.getElementsByTagName('input');
//name是第一個(gè) 以后 會(huì)有密碼框 確認(rèn)密碼框等等
var oName=aInput[0];
//提示文字name_msg會(huì)寫(xiě)在p標(biāo)簽內(nèi) 把此標(biāo)簽也抓取出來(lái)
var aP=document.getElementsByTagName('p');
var name_msg=aP[0];//理由同上
//分三種情況1當(dāng)輸入框得到焦點(diǎn)時(shí) 就是放鼠標(biāo)時(shí)2鍵盤(pán)輸入時(shí)3失去焦點(diǎn)時(shí)輸入完成離開(kāi)輸入框時(shí)
//接下來(lái)我們只講解舉例講一下3:
//我們想達(dá)到 輸入完成 離開(kāi)輸入框時(shí)提示含有非法字符或者不能為空
//1:達(dá)到不能含有非法字符
oName.onblur=function(){
var re=/[^\w\u4e00-\u9fa5]/g;//代表含有的 都是非法字符
if(re.test(this.value)){
name_msg.innerHTML='<i class="err"></i>含有非法字符!'
}
//2不能為空
else if(this.value=" "){
name_msg.innerHTML='<i class="err"></i>不能為空'
}
}
}
2016-10-21
記得寫(xiě)上input類型啊
2016-10-21
不需要,直接<input value="提示文字">