我无法使用 jQuery 为以下文档验证 ASP 输入
Posted
技术标签:
【中文标题】我无法使用 jQuery 为以下文档验证 ASP 输入【英文标题】:I cannot validate ASP input using jQuery for the following Document 【发布时间】:2017-05-10 04:15:32 【问题描述】:head runat="server">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript">
$document.ready(function()
$("#Form1").validate(
rules:
txtFname:
required:true,
rangelength:[3,20],
,
messages:
txtFname: "First Name Is Required",
)
)//ready function close
</script>
</head>
<body>
<form id="Form1" runat="server" clientidmode="static">
<asp:TextBox ID="txtFname" CssClass="form-control" runat="server"></asp:TextBox>
<asp:Button CssClass="btn btn-primary" id="btnSubmit" runat="server" Text="Submit"/>
</form>
</body>
我正在尝试验证模式中第 1 行表单中的 txtFname 字段,但我无法......我似乎无法弄清楚原因。有人可以帮忙吗? 我正在使用引导程序 v3
【问题讨论】:
如果您使用的是母版页,则此 id 将被更改,您可以通过浏览器中的检查元素检查这一点 我没有使用母版页 - 只是一个空白的 Web 表单 【参考方案1】:似乎是语法问题(括号、一些额外的冒号和缺少的分号......等等)
尝试以下应该可以工作:
<script type="text/javascript">
$(document).ready(function()
$("#Form1")
.validate(
rules:
txtFname:
required: true,
rangelength: [3, 20]
,
messages:
txtFname: "First Name Is Required"
);
)//ready function close
</script>
【讨论】:
以上是关于我无法使用 jQuery 为以下文档验证 ASP 输入的主要内容,如果未能解决你的问题,请参考以下文章
ASP.NET MVC 4 验证后自定义 jQuery 脚本无法正常工作
ASP.net MVC 3 jQuery 验证;禁用不显眼的 OnKeyUp?
ASP.NET MVC - JQuery - 验证可编辑表列的唯一值