0

我知道这很简单（无论如何根据插件页面）

但我试图使用插件没有成功，这是我的表格：

<form id="mongoForm">
        <label for="skip">skip:</label> <input type="text" id="skip"
            style="width: 70px">
        <p />
        limit: <span id="limitLable" style="border: 0">1</span>
        <div id="limit" style="width: 250px"></div>
        <p />
        <label for="collection">collection: </label> <input type="text"
            id="collection">
        <p />
        <label for="sort">sort: </label> <input type="text" id="sort">
        <p />
        <label for="type">type: </label><select id="type">
            <option value="find" selected="selected">find</option>
            <option value="count">count</option>
        </select>
        <p />
        <label for="query">query: </label>
        <textarea rows="10" cols="80" id="query"></textarea>
        <input type="submit" value="execute" id="execute">
    </form>

和我的 jquery 脚本：

$(document).ready(function() {
    $.validator.addMethod("validJson", function(value, element) {
        try {
            var val = $.parseJSON(value);
            return true;
        } catch (e) {
            return false;
        }

    }, "Invalid JSON string");
    $("#mongoForm").validate({
        rules : {
            collection : {
                required : true
            },
            query : {
                validJson : true
            }
        },
        submitHandler : function(form) {
            queryServer();
        }
    });

但是，验证不起作用。如果我在输入中添加一个 class="required"，它适用于自定义验证，但不适用于我的自定义 validJson 方法。但这并不能解决我的问题，因为不需要某些字段我只需要验证可选值

请问有什么想法吗？

4

1 回答 1

1

您需要名称属性，如一般准则中所述：

输入元素需要 name 属性，没有它验证插件将无法工作。通常 name 和 id 属性应该具有相同的值。

所以标记应该是

<label for="collection">collection:</label> 
<input type="text" id="collection" name="collection">

ETC

于 2013-01-30T12:01:18.750 回答