asp.net页面上html输入的JQuery验证
我正在使用Twitter引导和asp.net构建一个网页来捕获用户信息。 我正在使用此资源作为参考。。。 我有一个母版页,其中定义了一个表单asp.net页面上html输入的JQuery验证,jquery,asp.net,twitter-bootstrap,Jquery,Asp.net,Twitter Bootstrap,我正在使用Twitter引导和asp.net构建一个网页来捕获用户信息。 我正在使用此资源作为参考。。。 我有一个母版页,其中定义了一个表单 <form id="form1" class="form-horizontal" runat="server"> 我已将$(“#联系人表单”)。验证更改为$(“#表单1”)。验证但似乎不起作用,我做错了什么 <input type="text" class="input-xlarge" id="txtApplicantName" na
<form id="form1" class="form-horizontal" runat="server">
我已将$(“#联系人表单”)。验证更改为$(“#表单1”)。验证但似乎不起作用,我做错了什么
<input type="text" class="input-xlarge" id="txtApplicantName" name="txtApplicantName">
更新:
检查html中的表单元素,我刚刚做了一些实验,表单似乎需要有一个“action”属性。规则的名称适用于文本框的类 先试试这个:
$(document).ready(function () {
$("#form1").validate();
jQuery.validator.messages.required = "*";
jQuery.validator.messages.email = "Invalid Email"; //set any error message
});
然后,这是HTML格式的
<input type="text" class="input-xlarge required" id="txtApplicantName" name="txtApplicantName" placeholder="First Name and Last Name" runat="server">
如果您愿意,可以在自定义规则中添加更多选项,查看文档中的选项,但这就是它的外观代码>是错误的,
它应该是$(“#”)validate()代码>
或者,如果需要,可以保持代码不变,只需将此属性添加到表单标记中
ClientIDMode="Static"
我刚刚将字段更改为txtApplicationName,但仍然不起作用。
rules: {
txtApplicantName: {
minlength: 2,
required: true
}
}
$(document).ready(function () {
$("#form1").validate();
jQuery.validator.messages.required = "*";
jQuery.validator.messages.email = "Invalid Email"; //set any error message
});
<input type="text" class="input-xlarge required" id="txtApplicantName" name="txtApplicantName" placeholder="First Name and Last Name" runat="server">
<input type="text" class="input-xlarge email" id="txtEmail" name="txtEmail" placeholder="Email Address" runat="server">
$("#myinput").rules("add", {
required: true,
minlength: 2, // chage to any number you want min-length
messages: {
required: "Required input",
minlength: jQuery.format("Please, at least {0} characters are necessary")
}
});
ClientIDMode="Static"