这几天写一个程序,本身我不是做前端的,程序做完了,测试说我的表单太烂了,提示写的很不友好。
让我做成现在主流的:在输入框中给出提示,然后点击进去后,提示消失。
我找了下资料,自己写了一段代码,记录下来,以备后用。
这里用到了onfocus和onblur事件,第一个是聚焦,第二个是非聚焦。
意思就是点击输入框用onfocus ,点击到别的地方呢,就用onblur事件。
实例:
<input id="campaignlistname" name="campaignlistname" style="width: 120px;" value="请输入文件名" οnfοcus="if(this.value=='请输入文件名'){this.value=''};" οnblur="if(this.value==''){this.value='请输入文件名'}">
js里面会对提交的表单做验证:
function checkValue(){
var campaignlistname = document.getElementById("campaignlistname");//名称
//清单名合法检测
if(campaignlistname.value=="" || campaignlistname.value=="请输入文件名")
{
alert("请填写外呼清单文件名!");
document.MakeListForm.campaignlistname.focus();
return(false);
}
else
{
//非法字符检验
var patrn=/[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im;
if(patrn.test(campaignlistname.value))
{
alert("您输入的外呼清单名含有非法字符!");
document.MakeListForm.campaignlistname.focus();
return(false);
}
}
希望可以帮到大家。