JQuery Validation 让我把头发拉出来？

Posted 2023-05-09

【中文标题】JQuery Validation 让我把头发拉出来？

【英文标题】：JQuery Validation is making me pull my hair out?

【发布时间】：2012-01-11 01:18:56

【问题描述】：

请，某人，任何人。过去几天我一直遇到 JQuery 验证问题。我已经尝试了各种各样的事情，甚至几次从头开始。这是我使用下面的链接作为参考的最新迭代。我做错了什么？！

它到达这一行并停止： var validator = new jQueryValidatorWrapper("#formRegister", rules, messages);

http://www.codeproject.com/KB/ajax/jQueryValidateExample.aspx

html

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="register.aspx.cs" Inherits="Website.Pages.register" %>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<link href="../Styles/registration.css" rel="stylesheet" type="text/css" />
<script src="../Scripts/val.js" type="text/javascript"></script>
<script src="../Scripts/_plugins/validate.js" type="text/javascript"></script>

<div class="page">
<form runat="server" id="formRegister"><div>
<span id="Run">Username</span><br />
    <asp:TextBox runat="server" ID="rUsername" name="rUsername" /></div>
    <div><span id="Re">Email</span><br />
    <asp:TextBox runat="server" ID="rEmail" name="rEmail" /></div>
    <div><span id="Rce">Confirm Email</span><br />
    <asp:TextBox runat="server" ID="rConfirmEmail" /></div>
    <div><span id="Rpw">Password</span><br />
    <asp:TextBox runat="server" ID="rPassword" TextMode="Password" /></div>
    <div><span id="Rcpw">Confirm Password</span><br />
    <asp:TextBox runat="server" ID="rConfirmPassword" TextMode="Password" Class="required"  /></div>
    <div id="buttonRegister"><input type="button" id="rRegister" value="Register" /></div>
</form>
</div>

JQUERY

$(function () 
// register.aspx
var rules = 
    rUsername: 
        required: true,
        minlength: 3
    ,
    rEmail: 
        required: true,
        email: true
    
;
var messages = 
    rUsername: 
        required: "- Required",
        minlength: " - Minimum Length: 3"
    ,
    rEmail: 
        required: "- Required",
        email: "- Incorrect Format"
    
;
$("#rRegister").click(function () 
    var validator = new jQueryValidatorWrapper("#formRegister", rules, messages);
    if (!validator.validate())
        return;

    alert("Validation Success!");
);

);

【问题讨论】：

您的问题到底是什么？

请说明问题出在哪里。

当您查看源代码时，ID 是否与您的 jquery 中使用的匹配？

我有一种预感，这是因为服务器端控件的IDs 在呈现时被更改（使用它们的容器前缀），因此破坏了消息和规则。您使用的是哪个版本的 .NET？

@raklos：他们匹配。该插件应该通过 name 属性。

【参考方案1】：

上面的cmets是正确的。试试这个：

$("#rRegister").click(function () 
    var validator = new jQueryValidatorWrapper("#<%= formRegister.ClientID%>", rules, messages);
    if (!validator.validate())
        return;

    alert("Validation Success!");
);

【讨论】：

遗憾的是没有变化。仍然停在同一个地方。 “未定义 jQueryValidatorWrapper”

示例中似乎有一个validatorwrapper.js。该死。我希望只用 validate.js 来做。好吧，我猜在这一点上不管用什么。不敢相信我没有注意到这一点。呸！