用personnalite消息验证html5

Question

我需要从输入中检测错误类型并发送个性化消息进行输入，当用户不符合格式时向我发送个性化消息，但如果您没有输入任何数据，浏览器会发送给我默认情况下的消息。 validity.valueMissing不起作用。 这是我的代码。

JS

var email = document.getElementById("email");
    email.addEventListener("keyup", function (event) {
      if (email.validity.typeMismatch) {
        email.setCustomValidity("Formato incorrecto.");
      }if(email.validity.valueMissing) {
        email.setCustomValidity("Este campo es requerido");
      }else{
        email.setCustomValidity("");
      }
    });

  }

HTML

<label class='col-sm-3 control-label'>
        <font color="red">*</font>
        Correo electronico</label>
<%= f.email_field :email, :class => 'form-control', :id=>'email', :required=>true %>