focus()方法
focus()方法是JavaScript中的一种重要方法,它用于将页面上的焦点转移到指定的元素上,从而使元素获得焦点,可以进行输入操作。focus()方法可以应用于表单元素,比如文本框、文本区域等。
使用方法
focus()方法的使用方法很简单,只需要将元素的id或name作为参数传入即可,如:
document.getElementById("username").focus(); document.getElementsByName("password")[0].focus();
在表单验证中的应用
在表单验证中,focus()方法可以用于将焦点转移到表单元素上,从而使用户可以立即输入内容,而不用等待页面加载完成。focus()方法还可以用于提醒用户输入内容,当表单验证失败时,可以使用focus()方法将焦点转移到没有正确填写的表单元素上,从而提醒用户重新输入。
例如,当用户提交表单时,可以先进行表单验证,如果验证失败,可以使用focus()方法将焦点转移到没有正确填写的表单元素上,从而提醒用户重新输入,如:
if(!checkForm()){ document.getElementById("username").focus(); return false; }
以上代码中,如果checkForm()函数返回false,表示表单验证失败,就会将焦点转移到id为“username”的表单元素上,从而提醒用户重新输入。