Валидация JQuery заставляет меня вырывать волосы? - PullRequest
Новая
       10

Валидация JQuery заставляет меня вырывать волосы?

0 голосов
/ 02 декабря 2011

Пожалуйста, кто-нибудь, кто-нибудь. У меня были проблемы с проверкой JQuery в течение последних нескольких дней. Я перепробовал разные вещи и даже несколько раз начинал с нуля. Это моя последняя итерация с использованием ссылки ниже в качестве ссылки. Что я делаю не так?!

Он попадает в эту строку и останавливается: var validator = new jQueryValidatorWrapper ("# formRegister", правила, сообщения);

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!");
});

});

1 Ответ

0 голосов
/ 02 декабря 2011

Комментарии выше верны.Попробуйте это: 

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

    alert("Validation Success!");
});
...