如何在不发送表单的情况下复制“需要输入”功能?

时间:2015-03-12 18:16:44

标签: html forms input required

我希望检查并标记文本input(在其他文本input的中间)的内置功能(即在文本周围应用默认的红色选框)框)确保在用户点击form submit按钮之前填充它,而不在表单提交中包含该值。基本上,我不想用表单发送重新输入的密码,但它当然需要填写(并将在客户端进行检查)。有一种“简单”的方法吗?

1 个答案:

答案 0 :(得分:0)

这是你想要的一个非常小的例子。

您可以使用onbluronfocusonchange等JavaScript事件来执行此类逻辑。

以下示例说明如何验证字段中是否包含值。



var validate = function(element) {
    // element is HTMLInputElement
    if (element.value == "") {
        element.className = "border-red";
    } else {
        element.className = "";
    }
}

.red {
    color: red;
}

.border-red {
    border: 2px solid red;
}

<form>
    Required: <input type="text" name="required_field" onblur="validate(this)" />
    Optional: <input type="text" name="optional" />
</form>
&#13;
&#13;
&#13;