2011-06-03 137 views
1

我有搜索整個網站和谷歌,但無法找到它,所以,這裏去!Javascript alert popup form

我想用一種方式來顯示錶單時使用警報。

例如,當用戶點擊帖子時,會彈出一個對話框,詢問用戶幾個問題,如html表單,並允許用戶單擊提交或重置或取消,而無需加載新頁面。

我已經看到完成,但無法再次找到相同的網站。

我已經試過把htm提醒一下發布的小成功。

任何幫助是高度讚賞!

+0

它仍然不清楚你想實現什麼。請詳細說明您的問題,或向我們展示您到目前爲止所嘗試的內容。 – 2011-06-03 13:15:37

回答

3

你可以用jQuery對話框來做到這一點 - 在用戶單擊時加載對話框並在對話框中顯示一個表單。看看這裏的演示:http://jqueryui.com/demos/dialog/

3

你所尋找的是一個提示框:

<script type="text/javascript"> 
    function show_prompt() { 
     var name = prompt('Please enter your name','Poppy'); 
     if (name != null && name != "") { 
      alert(name); 
     } 
    } 
</script> 

例如從這裏取:http://www.w3schools.com/js/js_popup.asp

+0

可以任意機會提供選擇一覽表的設施。 – 2016-02-25 14:01:21

+0

@KhushalDave我不確定你的意思。 – Stephen 2016-03-04 15:13:11

+0

我的意思是如果我們可以在提示框上添加選擇選項。謝謝 – 2016-07-01 13:27:01

0

我建議你使用一個div彈出。你必須做的是在除了表單所在的div之外的所有其他元素之上設置背景。通過設置display =「block」,css屬性顯示將被設置爲'none',直到表單被激活。這可以使用JavaScript執行。

1

HTML不能被放置在由alert()confirm()prompt()生成系統的對話框。但是,您可以下載jQuery UI並在您的網站上進行設置。 (請確保您有選擇的下載頁面上的「對話」的組成部分。)然後,在JavaScript:

$("<div>Place your HTML here</div>").appendTo("body").dialog({ 
    modal: true, 
    title: "Enter a title here" 
}); 

確保在運行此代碼後的頁面已經通過使用window.onload$(document).ready()加載。

廣告@米

2

要完成@麗芙的回答,您可以使用jQuery的UI 參考:Modal Form

的例子展示瞭如何創建一個新的用戶。它會彈出一個對話框,您可以填寫表單並提交,也可以取消。

使用模式對話框,要求用戶在一個多步驟的過程中輸入的數據。在內容區域嵌入表單標記,將模式選項設置爲true,並使用按鈕選項指定主用戶和輔助用戶操作。

它幾乎是我理解你需要的。

祝你好運!