jquery没有使用jquery验证插件验证表单

时间:2018-03-09 22:50:52

标签: jquery

我是jquery的新手,在使用jquery.validate验证代码时遇到问题

    $(document).ready(function() {
"use strict";
    $("#addNewQuestForm").validate({
        rules: {
            questName: {
                required: true,
                minlength: 2
            }
        },
        messages:{
            questName: {
                required: "Enter Quest Name",
                minlength: "Quest Name must be at least 2 characters long"
            }
        }
    });
});

这是我的表格

<form action='<?php $_SERVER["PHP_SELF"];?>' method="post" id="addNewQuestForm" name="addNewQuestForm">
        <fieldset>
        <td colspan="1"><label for="questName"> Quest Name </label> <input class="form-control" type="text" placeholder="Quest Name" type="text" id="questName" name="questName" minlength="2" required> </td>
        <td colspan=4>  
        <button type="submit" name="action" id="submit" class="btn btn-success btn-small" value='addNewQuest'> Add New Quest </button>  
        </td>
        </fieldset>
        </form>

根本没有验证?

任何帮助都会很棒!谢谢 克里斯

1 个答案:

答案 0 :(得分:0)

我认为你已经错过了jquery验证cdn来添加它,

这是你在小提琴中的工作代码

https://fiddle.jshell.net/jvk3/n3agckpg/1/