使用jquery进行必填字段通知

时间:2017-12-01 09:46:13

标签: javascript jquery css

enter image description here

嗨,当我尝试提交带有文本框属性的按钮

时,会出现上面的图像
required = true

有人能告诉我在点击按钮之前如何显示它吗?

3 个答案:

答案 0 :(得分:1)

您可以将focusoutblur个事件与jquery一起用于从文本框中失去焦点。

你可以像这样使用jquery函数..

   $("#idOfTextField").blur(function(){

  //your code

});

如果它有帮助,请看这个..

答案 1 :(得分:0)

当用户专注于字段时,您可以使用focus()。

$("#id").focus(function(){
    alert('Please fill out this field');
});

答案 2 :(得分:0)

我知道这并不完全符合您的要求,但可能是另一种选择。

一种简单的方法可能是给用户一个更细微的指示,表明该字段是必需的,例如使用css将边框更改为红色:

input:required {
    border-color: red;
}

Codepen:https://codepen.io/adrianwhite/pen/qVLoOy

仅供参考:必需不需要=" true"见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-required