TextBox =“Password”的TextBox在为其text属性赋值后将为空。
如何为密码文本框设置预定义密码?
另外,我想在我的文本框中使用这个jQuery代码:
function onclickOfPassword(This) {
if (This.value == 'Password') {
This.value = '';
}
}
function onblurOfPassword(This) {
if (This.value == '') {
This.value = 'Password';
}
}
答案 0 :(得分:1)
你可以这样做....使用jquery .....
通过使用以下功能,我们可以显示和隐藏两个不同的输入。您需要使用ID密码设置一个,使用ID PasswordDummy设置另一个,对于没有javascript的客户端,最好将PasswordDummy设置为最初显示:none。
$(‘input’).each(function()
{
if (this.id == ‘Password’) {
// Handle Password differently – it only gets an onblur, in which it gies invisible and activates the PasswordDummy if it is empty
// if its blank, make it invisible and Dummy visible
if (this.value == ”)
{
$(this).hide();
$(“#PasswordDummy”).show();
}
else
{
$(this).show();
$(“#PasswordDummy”).hide();
}
$(this).blur(function()
{
if (this.value == ”) {
$(this).hide();
$(“#PasswordDummy”).show();
}
else
{
$(this).show();
$(“#PasswordDummy”).hide();
}
});
}
else if (this.id == ‘PasswordDummy’) {
// Handle Password Dummy differently
this.value = $(this).attr(‘title’);
$(this).addClass(‘text-label’);
$(this).focus(function()
{
$(this).hide();
$(“#Password”).show();
$(“#Password”).focus(); });
}
else if ($(this).attr(‘title’) != undefined)
{
if (this.value == ”)
{
this.value = $(this).attr(‘title’);
$(this).addClass(‘text-label’);
}
$(this).focus(function()
{
if (this.value == $(this).attr(‘title’)) {
this.value = ”;
$(this).removeClass(‘text-label’);
}});
$(this).blur(function()
{
if (this.value == ”) {
this.value = $(this).attr(‘title’);
$(this).addClass(‘text-label’);
}});
}
});