js中focus()方法的作用及在表单验证中的应用

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”的表单元素上，从而提醒用户重新输入。