我正在做一些網站,我有一個登錄表單。我知道人們可以將他們的用戶名和密碼保存在他們的網頁瀏覽器中。瀏覽器自動填充事件
我需要顯示/隱藏標籤()。如果該字段爲空,則標籤必須出現,如果該字段中有任何值,則該標籤必須隱藏,
但這不適用於瀏覽器自動完成,有無論如何我可以跟蹤此?
我試着用
jQuery.change();
但是,這並不工作。
如果有什麼我可以做的,而不是關閉這個自動完成?
感謝
我正在做一些網站,我有一個登錄表單。我知道人們可以將他們的用戶名和密碼保存在他們的網頁瀏覽器中。瀏覽器自動填充事件
我需要顯示/隱藏標籤()。如果該字段爲空,則標籤必須出現,如果該字段中有任何值,則該標籤必須隱藏,
但這不適用於瀏覽器自動完成,有無論如何我可以跟蹤此?
我試着用
jQuery.change();
但是,這並不工作。
如果有什麼我可以做的,而不是關閉這個自動完成?
感謝
這裏的標準是使用佔位屬性上的相關輸入元素:
<input type="text" placeholder="username">
username
會時,有沒有文字輸入內顯示和隱藏否則。如果你使用這個,那麼你應該也可以使用類似Modernizr的東西來檢測支持並創建一個正常的文本標籤。
這很簡單。
我將其用於我網站的文本字段。
此編碼採用Javascript文本。
<form>
名稱和id = "comform"
(您可以稍後更改;僅供參考)。<input type = "text"
與name
和id = "Message"
(您可以稍後更改;僅供參考)。id = "ifsend"
創建一個<div>
(稍後可以更改;僅供參考)。還創建一個變量來存儲長度在。var編號(您可以稍後更改;僅供參考)。
function counter() {
var numbering;
numbering = document.forms["comform"]["Message"].value.length;
if (numbering == 0) {
label();
}
if (numbering != 0) {
document.getElementById('ifsend').innerHTML="";
}
}
function label() {
document.getElementById('ifsend').innerHTML="Your form value is empty";
}
而這又怎麼樣?你沒有要求特定的語言,你想要統計一個字段中的項目數量,對嗎? – 2012-02-12 13:05:36
您必須手動觸發更改事件:
$("#username")
.change(function() {
// do stuff on change (check for default)
})
.trigger("change");
,或者使用一些水印庫,如果你只是想切換默認文本(或Modernizr的爲佔位符屬性aviraldg建議)。
好東西!這是否適用於所有瀏覽器? – nivanka 2012-02-11 16:30:21
它適用於*最現代化的瀏覽器*,正如你所看到的,即使是SO也將它用於它的搜索領域(頁面右上角) – aviraldg 2012-02-11 16:34:00
感謝和甜蜜的工作, – nivanka 2012-02-12 05:21:16