gpt4 book ai didi

javascript - jquery 验证在内容占位符中不起作用

转载 作者:行者123 更新时间:2023-12-03 05:18:46 41 4
gpt4 key购买 nike

我正在尝试对我的 asp 页面使用 jquery 验证。我已经通过 nuget 包下载了所有必需的 js 文件。请参阅所附图片。我按照 http://www.dotnetcurry.com/ShowArticle.aspx?ID=310&AspxAutoDetectCookieSupport=1 中提供的教程进行操作并尝试了一些简单的验证,但它不起作用。

我尝试在 Firefox 和 Chrome 中打开页面并检查控制台错误。浏览器控制台中没有显示错误,但我也没有得到任何结果。我无法弄清楚我的流程或代码存在什么错误。我的代码::

// master page
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Global.master.cs" Inherits="MIS.content.Global" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript" src="../Scripts/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.validation.net.webforms.min.js"></script>

<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="tray">
testing
</div>
<div id="cols">
<div id="aside">
</div>
<div id="content">
<div id="main_content">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>

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

aspx页面

<%@ Page Language="C#" MasterPageFile="Global.master" AutoEventWireup="true" CodeBehind="CustomerRegistration.aspx.cs" Inherits="MIS.content.CustomerRegistration" %>

<asp:Content ID="UserContent" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
<script type="text/javascript">
$(document).ready(function() {
$("#aspnetForm").validate({
rules: {
<%=txt_name.UniqueID %>: {
minlength: 2,
required: true
},
<%=txt_gender.UniqueID %>: {
required: true,
email:true
}
}, messages: {}
});
});
</script>
<div style="width: 100%; font-family: Arial,Helvetica, sans-serif;">
<div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
<b>Name :</b>
<asp:textbox id="txt_name" runat="server" />
</div>
<div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
<b>Gender :</b>
<asp:textbox id="txt_gender" runat="server" />
</div>
<div style="text-align: left; width: 100%; font-size: 13px; margin-bottom: 5px;">
<asp:button id="btnSubmit" runat="server" text="Submit" />
</div>
</div>
</asp:Content>

enter image description here

最佳答案

改变

$("#aspnetForm").validate({

进入

$("#form1").validate({

the link您提供的 ID #formmaster 的验证已激活。在他们剪下的 ID formmaster用作 <form> 的 ID标签:<form id="formmaster" runat="server">

并检查验证是否需要字段名称或 ID。大多数时候它使用ID。所以你可能需要改变<%=txt_name.UniqueID %>进入<%=txt_name.ClientID %>

关于javascript - jquery 验证在内容占位符中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41484741/

41 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com