/**
* 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
*
* inputId:输入框id,submitId:提交按钮id,promptStr:提示文字
*/
function inputPrompt(inputId, submitId, promptStr){
$("#" + submitId).click(function() {
if($("#" + inputId).val() == promptStr){
$("#" + inputId).val("");
}
$("#" + submitId).submit();
});
if($("#" + inputId).val() == ""){
$("#" + inputId).val(promptStr);
}
if($("#" + inputId).val() != promptStr){
$("#" + inputId).css("color","black");
} else {
$("#" + inputId).css("color","#CCC");
}
$("#" + inputId).focus(function(){
if($("#" + inputId).val() == promptStr){
$("#" + inputId).val("");
$("#" + inputId).css("color","black");
}
});
$("#" + inputId).blur(function(){
if($("#" + inputId).val() == ""){
$("#" + inputId).val(promptStr);
$("#" + inputId).css("color","#CCC");
}
});
}
输入框显示输入提示,点击消失
最新推荐文章于 2024-01-23 22:30:00 发布