Question

我很长时间地在表单中的输入字段下显示错误消息。我想要做的是，当输入为空时显示错误消息。我可以在互联网上找到一个样本，但我无法按照我的意愿使用它。我添加了一个额外的输入字段，其中包含“sur_contact_name”id。但是没有关于此输入的错误消息。它没有以某种方式解决。任何人都可以帮我解决这个问题。以下是导出到jsfiddle http://jsfiddle.net/allence/zK7pn/3/

的代码

输入字段的HTML代码：

 <div>
            <label for="contact_name">Name:</label>
            <input type="text" id="contact_name" name="name"></input>
            <span class="error">This field is required</span>
        </div>
        <!-- Name -->
        <div>
            <label for="sur_contact_name">Name:</label>
            <input type="text" id="sur_contact_name" name="surname"></input>
            <span class="error">This field is required</span>
        </div>

Thankss ..

Answer 1

您应该在问题中发布完整的代码如果jsfiddle链接消失，问题将变得毫无意义。

根据你在jsfiddle中的代码，你有几个问题快速解决：变化

<div>
    <label for="sur_contact_name">Name:</label>
    <input type="text" id="sur_contact_name" name="surname"></input>
    <span class="error">This field is required</span>
</div>

到

<div>
   <label for="sur_contact_name">Name:</label>
   <input type="text" id="contact_surname" name="surname"></input>
   <span class="error">This field is required</span>
</div>

并删除您为验证姓氏

添加的jquery代码

        <!--Name can't be blank-->
        $('#sur_contact_name').on('input', function() {
            var input=$(this);
            var sur_name=input.val();
            if(sur_name){input.removeClass("invalid").addClass("valid");}
            else{input.removeClass("valid").addClass("invalid");}
        });

    for (var input in form_data){
        var element=$("#contact_"+form_data[input]['name']);

因为名称验证也会处理它......

Jquery表单验证 - 必填字段错误

1 个答案: