Question

这是我的Fiddle

这里验证应该在点击按钮后发生，没关系。但我已经为字段1，字段3编写了验证。

按下按钮后，它仅显示第一个字段的验证错误，仅当我按下字段3时才显示字段3错误。

注意：它在本地工作，但我使用jsfiddle时它无法正常工作

应添加以下脚本以在本地工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://expirebox.com/files/88b64e3d9a74823c8b1e6b8f60091917.js"></script>

验证中的错误是什么，我该如何解决？

Answer 1

id=...的{{1}}更改为name=...：

field1

结果是一个有效的演示。

DEMO

使用Field 1: <input name="field1" type="text" class="required">和field2：

DEMO

Answer 2

检查 FIDDLE

在验证NOT ID中使用name属性，检查代码

<form id="form1" name="form1"> 
     Field 1: <input id="field1" name="field1" type="text" class="required"><br>
     Field 2: <input id="field2"  name="field2" type="text" class="required"><br>
    Field 3: <input id="field3"  name="field3" type="text" class="required"><br>
</form>

<div>
    <input id="btn" type="button" value="Validate">
</div>

// JS

$(document).ready(function() {
    $("#form1").validate({
        rules: {
            field1: "required",
            field2: "required",
            field3: "required"
        },
        messages: {
            field1: "Please specify your name",
            field3: "Please specify your name"

        }
    })

    $('#btn').click(function() {
        $("#form1").valid();
    });
});

使用jquery在按钮单击操作中进行简单验证

2 个答案: