2012-11-28 25 views
4

我是jquery的新手。無論何時加載頁面,我都想在其中顯示帶有TextBox字段的Alert Box。事情是這樣的:顯示其中的文本字段的警示框

Enter Your Username: //Title 
___________________ //TextBox field (value will be stored in var for later use) 

       OK //Button 

我知道

var username = "username"; //already entered message 
alert(username); 

如何實現上述警告框?我應該手動編碼嗎?
jQuery爲例舉例說明。我正在嘗試爲我的聊天應用程序執行此操作,其中用戶名需要在聊天中顯示。我搜索了很多,但無法找到任何有用的相關的asp.net和jQuery。

回答

16

只要使用好老的JavaScript:

var text = prompt("prompt", "textbox's intial text"); 

Live Demo

+0

是工作謝謝:)。應該檢查得更好。 –

+2

雖然我更喜歡jQuery,但我會隨着這個答案去做,因爲它是一個簡單的內膽。 :) –

0

「我想在其中顯示帶有TextBox字段的Alert Box」。與文本字段警告框是根本不可能的。(從我學到的東西到現在)....ü可以使用其他的jQuery插件像對話框

http://jqueryui.com/dialog/

做同樣的..

或經典的方式用提示

var name=prompt("Please enter your name","Harry Potter"); 
0

試試這個:

$(document).ready(function(){ 
var msg = window.prompt("Write your name", "Name"); 
alert(msg); 
});​ 
5

在jQuery中給出一個例子比較好。

jQuery Impromptu提供美觀的JavaScript提示,這是同樣容易,因爲JavaScript的window.prompt方法調用:

//Simple Prompt 
$.prompt('Example 1'); 

//Opacity of the modal 
$.prompt('Example 3',{ opacity: 0.2 }); 

//Adding Callbacks 
function mycallbackfunc(e,v,m,f){ 
alert('i clicked ' + v); 
} 

$.prompt('Example 8',{ callback: mycallbackfunc }); 
+1

+1嘿謝謝你的鏈接。 –