jQuery 验证不起作用。 jQuery.Deferred 异常 : $(. ..).validate 不是函数-6ren

jQuery 验证不起作用。 jQuery.Deferred 异常 : $(. ..).validate 不是函数

转载作者：行者123 更新时间：2023-12-01 01:21:43

是的，我尝试阅读有关此问题的所有问题并搜索有关此问题的信息。看来，一切都好。但我的浏览器出现错误。我花了很多时间来了解问题所在，需要帮助。

我尝试做的事情:

更改库
更改库的顺序
将脚本制作到其他文件
更改文件中脚本的位置
更改表单的名称和 ID
检查语法，当然是检查语法

感谢您的宝贵时间。

picture with error in browser

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="root" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Edit account</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

    <script src="resources/jsScripts/addInput.js" language="Javascript" type="text/javascript"></script>
    <script src="resources/jsScripts/addInputWithValue.js" language="Javascript" type="text/javascript"></script>
</head>
<body>

<script type="text/javascript">

    $().ready(function () {
        $('#registration').validate({
            rules: {
                name: {
                    "required": true,
                    minlength: 2
                },
                surname: "required",
                password: {
                    required: true,
                    minlength: 3
                },
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                name: "Please enter your firstname",
                surname: "Please enter your lastname",
                password: {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 3 characters long"
                },
                email: "Please enter a valid email address"
            },
            submitHandler: function (form) { // for demo
                alert('valid form');
                return false;
            }
        });
    });
</script>

<%@ include file="search.jsp" %>
<div class="container-fluid jumbotron">

    <div class="form-group row-center">
        <form action="<c:url value="/account"/>" id="registration" name="registration" method="post"
        class="form-horizontal"
        enctype="multipart/form-data">

        <div class="form-group" align="right">
            <label for="name" class="col-sm-3 control-label">Имя</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="name" id="name"
                <c:if test="${not empty account.name}">
                    value=${account.name}
                </c:if>
                >
            </div>

        </div>

        <div class="form-group" align="right">
            <label for="surname" class="col-sm-3 control-label">Фамилия</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="surname" id="surname"
                <c:if test="${not empty account.surname}">
                    value=${account.surname}
                </c:if>
                >
            </div>
        </div>

        <div class="form-group" align="right">
            <label for="patronymic" class="col-sm-3 control-label">Отчество</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="patronymic" id="patronymic"
                <c:if test="${not empty account.patronymic}">
                    value=${account.patronymic}
                </c:if>
                >
            </div>
        </div>

        <div class="form-group" align="right">
            <label for="login" class="col-sm-3 control-label">Логин</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" name="login" id="login"
                <c:if test="${not empty account.login}">
                    value=${account.login}
                </c:if>>
            </div>
        </div>

        <div class="form-group">
            <label for="password" class="col-sm-3 control-label">Пароль</label>
            <div class="col-sm-4">
                <input type="password" class="form-control" name="password" id="password"
                       placeholder="Введите новый пароль">
            </div>
        </div>

        <div class="form-group" align="right">
            <label for="phone" class="col-sm-3 control-label">Телефонный номер</label>
            <div class="col-sm-4">
                <input type="tel" class="form-control" id="phone" name="phones"
                <%--onchange="return validate(phones.value())"--%>
                onkeyup="alert('text some ext')"
                <c:if test="${not empty account.contactInfo}">
                    <c:if test="${not empty account.contactInfo.phones}">
                        value=${account.contactInfo.phones.get(0).number}
                    </c:if>
                </c:if>
                >

            </div>
            <div class="col-sm-1">
                <input class="btn btn-success btn-add form-control" type="button"
                       value="+"
                       onClick="addInput('dynamicInput');"
                >
            </div>
        </div>

        <div id="dynamicInput">
        </div>

        <c:if test="${not empty account.contactInfo.phones}">
            <c:forEach var="phone" items="${account.contactInfo.phones}" varStatus="loopCount">
                <c:if test="${loopCount.count > 1}">
                    <script>
                        addInputWithValue('dynamicInput', '${phone.number}');
                    </script>
                </c:if>
            </c:forEach>
        </c:if>

        <div class="form-group" align="right">
            <label for="email" class="col-sm-3 control-label">email</label>
            <div class="col-sm-4">
                <input type="email" class="form-control" name="email" id="email"
                <c:if test="${not empty account.contactInfo}"> value=${account.contactInfo.email}</c:if>
                >
            </div>
        </div>

        </form>
    </div>
</div>
</body>
</html>

最佳答案

原因在包含的文件中:

<%@ include file="search.jsp" %>

因为在 search.jsp 中我导入了相同的库:

<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>

当我从 search.jsp 中删除不必要的字符串时，一切正常)结论:谨慎进口。

关于jQuery 验证不起作用。 jQuery.Deferred 异常 : $(. ..).validate 不是函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45473036/

文章推荐： python - Python中反转链表的方法

文章推荐： sql - Oracle:以注释开头的查询对性能有影响吗？

实例分析Try {} Catch{} 作用
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？简单的说他们是用来捕获异常的下面我们通过一个例子来详细讲解下
html - 列表社交媒体链接的 ARIA 作用
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
java.util.Timer SystemTime 作用？
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
php - 什么是 Doctrine hydration 作用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
python入门:argparse浅析 nargs='+'作用
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven是什么?Maven的概念+作用+仓库的介绍+常用命令的详解
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。核心功能 Mav

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jQuery 验证不起作用。 jQuery.Deferred 异常 : $(. ..).validate 不是函数