用js實現輸入提示_怎麼用js彈出提示框

『壹』 js輸入一個用戶名文本框怎樣在點擊時讓它下面出現提示信息呢

js實現點擊輸入用戶名或密碼的文本框在旁邊彈出提示語你可以使用formValidator.js，專門做表單驗證的，效果如下：用法很簡單，引用formValidator.js的核心類庫，然後初始化$.formValidator.initConfig({formid: main ,debug:false,submitOnce : true});然後對要做校驗的文本框編寫校驗代碼$( #employeeNo ).formValidator({onshow : 輸入范圍為1到10個字元 ,在後面對應的顯示提示語formValidator.js這個網上有很多實例和教程，很簡單的

『貳』 js 提示輸入密碼

腳本說明:
第一步:把如下代碼加入<head>區域中
<SCRIPT LANGUAGE="javaScript">

</SCRIPT>

第二步:把如下代碼加入<body>區域中
<FORM NAME="pd">


<INPUT TYPE='hidden' NAME='pe' VALUE='975834793758313033 '>
</FORM>

<FORM NAME="isn">
<TABLE BORDER=2 CELLPADDING=5 CELLSPACING=0 BGCOLOR=BLUE>
<TR><TD COLSPAN=2 ALIGN=CENTER><FONT SIZE=4 COLOR=WHITE FACE="楷體_GB2312"><B>請您輸入</B></FONT></TD></TR>
<TR><TD><FONT SIZE=3 COLOR=WHITE><B>UserName:</B></FONT></TD>
<TD><INPUT TYPE="text" NAME="username" VALUE="" SIZE=10></TD></TR>
<TR><TD><FONT SIZE=3 COLOR=WHITE><B>Password:</B></FONT></TD>
<TD><INPUT TYPE="password" NAME="passwrd" VALUE="" SIZE=10></TD></TR>
<TR><TD COLSPAN=2 ALIGN=CENTER><INPUT TYPE="button" NAME="btn" VALUE=" 登錄 " onClick="ckPwd();return false;"></TD></TR>
</TABLE></FORM>
<TABLE BORDER=1 WIDTH=486>
<TR><TD COLSPAN=3 ALIGN=CENTER><FONT FACE="楷體_GB2312"><B>你可以使用如下號碼:</B></FONT></TD</TR>

<TR><TD><FONT FACE="helvetica,arial,geneva">User Name:John<BR>Password: 4$3gb%a</TD>
<TD><FONT FACE="helvetica,arial,geneva">User Name: Mary<BR>Password: hHhHhH</TD>
<TD><FONT FACE="helvetica,arial,geneva">User Name: Humphrey<BR>Password: humphrey</TD></TR>
</TABLE>

『叄』怎麼用js彈出提示框

彈出提示框一般有3種

1)alert (普通提示框)

2)prompt (可輸入的提示框)

3)confirm (可選擇的提示框)

下面舉個例子:

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<buttononclick="mal()">第一種:alert</button>
<buttononclick="mpro()">第二種:prompt</button>
<buttononclick="mcon()">第三種:confirm</button>
<script>
functionmal(){
alert('這是一個普通的提示框');
}

functionmpro(){
varval=prompt('這是一個可輸入的提示框','這個參數為輸入框默認值,可以不填哦');
//prompt會把輸入框的值返回給你
}

functionmcon(){
varboo=confirm('這是一個可選擇的提示框,3種提示方式,學會了嗎?')
//confirm會返回你選擇的選項,然後可以依據選擇執行邏輯
if(boo){
alert('學會了,真聰明');
}else{
alert('再來一遍吧')
}
}
</script>
</body>
</html>

『肆』用javascript實現頁面中彈出一個輸入提示框,讀取一個輸入英文字元或一個數字或一個漢字

根據你的要求，我寫了以下示例代碼：

varinputChar=prompt("隨便輸入一個英文字元、數字或漢字","");
inputChar=inputChar.substr(0,1);//只取第一個字元，後面的拋棄
if(inputChar.match(/[a-z]/gi)){
console.log("英文字元");
}
if(inputChar.match(/[0-9]/gi)){
console.log("一個數字");
}
if(inputChar.match(/[u4e00-u9fa5]/gi)){
console.log("一個漢字");
}

希望能幫到你~

『伍』如何用JS彈出「有輸入框並帶有是、否、取消按鈕」的對話框。

具體代碼如下：

<html>

<head>

function disp_prompt()

{

var name=prompt("請輸入您的名字","小賈")

if (name!=null && name!="")

{

document.write("你好，" + name + "！今天過得好嗎？")

}

</script>

</head>

<body>

</body>

</html>

(5)用js實現輸入提示擴展閱讀：

prompt() 方法用於顯示可提示用戶進行輸入的對話框。

如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入欄位當前顯示的文本。

在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執行，在用戶作出響應之前，不會執行下一條語句。

『陸』如何用js實現輸入框的智能提示功能

可以用js方法onclick來驗證，當點擊時，判斷該輸入框是否有輸入值，沒有的話提示信息

例如

<inputname="name"onclick="tishi(this.value,'請輸入名稱')">
	
<scripttype="text/javascript">
//value為輸入框的值，msg為要提示的信息
	functiontishi(value,msg){	
		if(value==''){//輸入框沒有值時，提示
		alert(msg);//可彈窗，或者頁面上顯示，根據需要處理
		}		
	}
</script>

『柒』 javascript如何實現像輸入法一樣的效果，即打一個字，就提示下一個字或一個片語。

輸入框定義來onclick onblur事件，打入一個字，或源片語觸發Javascript方法，javascript方法中用Ajax請求資料庫匹配 like %你輸入的字%，有匹配則返回給JS，JS再把其放到頁面的適合位置

『捌』 js中如何彈出一個可以輸入多個信息的提示對話框

思路：

如果要輸入多個信息，那麼原生的提示框肯定不符合要求，需要自己定義。

一般都是使用div層模擬提示框，這樣就可以隨便布局了。

代碼示例：

1、定義CSS
<styletype="text/css">
body{
height:100%;
overflow:auto;
margin:0;
}
#test_Div{
position:fixed;
_position:absolute;
top:50%;
left:50%;
border:2pxsolid#C0C0C0;/*彈出框邊框樣式*/
background-color:#FFFFFF;/*彈出框背景色*/
display:none;
}
*html{
overflow:hidden;
position:absolute;
}
</style>

2、簡單點，引入JQuery
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"></script>

3、彈出層

functionshow_Win(div_Win,tr_Title,event){
vars_Width=document.documentElement.scrollWidth;//滾動寬度
vars_Height=document.documentElement.scrollHeight;//滾動高度
varjs_Title=$(document.getElementById(tr_Title));//標題
js_Title.css("cursor","move");
//創建遮罩層
$("<divid="div_Bg"></div>").css({"position":"absolute","left":"0px","right":"0px","width":s_Width+"px","height":s_Height+"px","background-color":"#ffffff","opacity":"0.6"}).prependTo("body");
//獲取彈出層
varmsgObj=$("#"+div_Win);
msgObj.css('display','block');//必須先彈出此行，否則msgObj[0].offsetHeight為0，因為"display":"none"時，offsetHeight無法取到數據；如果彈出框為table，則為'',如果為div，則為block，否則textbox長度無法充滿td
//y軸位置
varjs_Top=-parseInt(msgObj.height())/2+"px";
//x軸位置
varjs_Left=-parseInt(msgObj.width())/2+"px";
msgObj.css({"margin-left":js_Left,"margin-top":js_Top});
//使彈出層可移動
msgObj.draggable({handle:js_Title,scroll:false});
}

4、調用
<inputtype="button"value="測試彈出框"onclick="show_Win('div_Test','title',event)"/>
<divid="div_Test">
<divid="title"style="border:1pxsolidred;">標題</div>
內容
</div>

導航:首頁 > 編程語言 > 用js實現輸入提示

用js實現輸入提示

與用js實現輸入提示相關的資料

友情鏈接