Question

我知道这是一个相当蹩脚的问题，但我无法在文档中找到它，也无法在论坛中找到它。

我有这个HTML

<div class="input-field col s3">
    <label for="CEP">CEP <span class="mandatory">*</span></label>
    <input class="validate" id="CEP" name="CEP" required="required" type="text" />
</div>

我没有这个字段的表单，因为我会通过ajax发布它。在发送之前我想检查它是否有值，所以我会做这样的事情

if($("#CEP").val() === '')
{
    //trigger error and return
}

问题是：我想使用JQuery触发验证错误。但我不知道怎么做。

提前致谢。

Answer 1

$("CEP")不是您示例的有效选择器，因为它会选择标记为CEP =＆gt;的元素<CEP>

要使用id属性选择元素，请使用#

试试这个：

if($("#CEP").val() === '')
{
    //trigger error and return
}

Answer 2

这很简单。只需尝试：

...

if($("#CEP").val() === '')
{
    $('#CEP').addClass('invalid');
}

并在验证错误时在输入上添加错误消息：

<div class="input-field col s3">
    <label for="CEP">CEP <span class="mandatory">*</span></label>
    <input class="validate" id="CEP" name="CEP" required="required" type="text" />
    <span class="helper-text" data-error="Wrong Credentials!"></span>
</div>

具体化的JQuery触发输入验证错误？

2 个答案: