Question

前言，我真的根本不懂javascript。

我正在尝试验证表单的电子邮件地址。如果验证失败，我想关注无效的电子邮件字段，并显示警告消息。如果删除“focusElement”行，则以下代码正确返回true或false。但是，它总是返回true，包含该行（可能是因为行无效且代码没有执行。是否有适当/简单的方法来关注此元素并显示消息？

function validateForm(formElement) 
  {
    var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
    if(emailPattern.test(formElement.tfEmail.value))
    {
        return true;
    }
    else
    {
        focusElement(formElement.tfEmail,'Please enter a valid e-mail address.');
        return false;
    }
  }

Answer 1

使用.focus()和alert()

...
else
{
    alert('Please enter a valid e-mail address.');
    formElement.tfEmail.focus();
    return false;
}

如果您希望功能与您的示例一样处于单独的功能中：

...
else
{
    focusElement(formElement.tfEmail, 'Please enter a valid e-mail address.');
    return false;
}

function focusElement(obj, msg)
{
    alert(msg);
    obj.focus();
}

Answer 2

尝试：

alert("Ur err msg");
document.getElementById("yourEmailFieldId").focus();

Answer 3

function focusElement(el, message) {
    alert(message);
    el.focus();
}

Answer 4

你应该尝试使用jQuery和jQuery Validate来完成这项任务。

jQuery是最常用的JavaScript框架，它可以简化JavaScript中的许多任务。

jQuery Validate是一个非常常用的基于jQuery的验证插件。

Javascript：如何将焦点带到元素，并显示警告消息

4 个答案: