js ----alert之后文本内容清空问题、文本框获得焦点问题
1.解决alert之后文本内容会清空的问题
当我们在检测完文本框的输入内容是否正确 跳出alert框之后,文本框的内容会被清空。这样的问题在于若你使用了类似onclick=“check()”这样的而且是提交按钮,如下:
<input type="submit" name="submit" id="submit" value="提交" onclick="check()" >
由与submit按钮在点击后会跳转页面,若不指定action则会在视觉上感觉刚输入的数据被刷新了,那么我们可以这样写
<input type="submit" name="submit" id="submit" value="提交" onclick="check()" >
//或者
//因为button没有那样“刷新”的功效
<input type="button" name="button" id="submit" value="提交" onclick="check()" >
刚开始写,这样的代码的时候没有注意这些,使我在这里疑惑(┭┮﹏┭┮)了好久。。。
2.文本框获得焦点问题
主要是这两个 onfocus 和focus()具体见下面
//这样子使用$("mima").onfocus是指当获得焦点时(点击时)才会将id为name的文本框的内容置为空
if(name.length<8||name.length>20){
alert("用户名长度应在8~20位之间");
$("name").onfocus=function getfocus(){
return $("name").value="";
};
checkright=false;
}
//这样使用focus()指的是 将相应文本框的内容清空并把光标置于这个文本框处
if(name.length<8||name.length>20){
alert("用户名长度应在8~20位之间");
$("name").value="";
$("name").focus();
checkright=false;
}
//两者的实现效果不一样 可以根据需要设置不同的 获得焦点事件