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;
            }

//两者的实现效果不一样 可以根据需要设置不同的 获得焦点事件

猜你喜欢

转载自blog.csdn.net/Krismile_/article/details/89714312