我正在我的表单上使用jQuery Validation Plugin.在我的表格上,我有一个'电话'字段和一个'手机号码' 领域.
我将如何制作它以便用户必须填写其中一个,但它可以是字段？
我有一个动态生成的表单,其输入字段具有相同的名称(例如:"map").我没有更改字段名称或生成唯一字段名称的选项,因为表单处理程序代码(Perl/CGI)旨在处理输入值数组(在本例中@map).
如何在这种情况下使用JQuery Validate插件验证表单？具体来说,我希望提交的数组中只有一个元素具有一定的固定值.我目前正在使用自定义事件处理程序,该处理程序创建一个JSON对象,serializeArray()然后遍历它以确保满足条件.但是因为我在应用程序的其余部分使用了Validate Plugin,所以我想知道是否可以使用相同的插件来处理这样的情况.
感谢您的关注.
我已经看到很多关于这个主题的变化的问题,但我正在寻找直接的解决方案:
HTML表单,jQuery验证,需要多个字段.提交表单时,验证会跳转到第一个错误并突出显示它.为了提高可用性,我想滚动到第一个错误字段.但它不断完全破坏验证或抛出scrollTo错误.
我需要使用标准验证插件(http://docs.jquery.com/Plugins/Validation),但任何卷轴都没问题,因为我一直在尝试使用scrollTo(http://flesler.blogspot.com/2007/ 10/jqueryscrollto.html).
示例代码位于http://jsfiddle.net/DtgKQ/1/,任何帮助表示赞赏.
我想在自定义位置放置一个错误标签(Not All).jQuery提供了这个http://docs.jquery.com/Plugins/Validation/validate#toptions选项,但我找不到任何关于如何放置一个特定错误消息而不更改其余所有内容的默认位置？
请务必检查以下所有答案.有多种解决方案.谢谢大家!
我有一个表单,根据单击的单选按钮(登录或注册),显示:
要么:
单击单选按钮可切换登录/注册字段的可见性:
<form id="myForm">
<input name="userAction" type="radio" value="login" checked="checked">Login</input>
<br />
<input name="userAction" type="radio" value="signup">Sign Up</input>
<div id="loginFields" style="display:none">
<!-- Login fields (email address and password) -->
</div>
<div id="signupFields" style="display:none">
<!-- Signup fields (name, age, email address, password) -->
</div>
</form>
我正在使用jQuery Validation插件,我想使用以下规则:
var signupRules = {
emailAddressTextBox:
{
required: true,
email: true
},
passwordTextBox:
{
required: true,
minlength: 6,
maxlength: 24,
passwordValidationRule: true // custom regex added with $.validator.addMethod() …我想在MVC3项目中使用jQuery validate强制我的"同意条款"复选框.我目前从"MS数据注释属性"+"MS MVC3不引人注目的jQuery验证"获得服务器/客户端DRY/SPOT验证.
这是一个独立的测试(由MVC3生成的纯HTML).为什么它不起作用,拜托？运行时,验证确保填写"联系人姓名"字段,但不关心复选框的状态.
<!DOCTYPE html>
<html>
<head>
<title>RequiredCheckbox</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.microsoft.com/ajax/jQuery.Validate/1.7/jQuery.Validate.js"></script>
<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js"></script>
<script type="text/javascript" language="javascript">
$(function () {
// http://itmeze.com/2010/12/checkbox-has-to-be-checked-with-unobtrusive-jquery-validation-and-asp-net-mvc-3/
$.validator.unobtrusive.adapters.add("mandatory", function (options) {
options.rules["required"] = true;
if (options.message) {
options.messages["required"] = options.message;
}
}
});
$.validator.unobtrusive.parse(document);
});
</script>
</head>
<body>
<div>
<form>
<input data-val="true" data-val-mandatory="The field Terms Are Accepted is invalid." id="isTermsAccepted" name="isTermsAccepted" type="checkbox" value="true" />
<input name="isTermsAccepted" type="hidden" value="false" />
<span class="field-validation-valid" data-valmsg-for="isTermsAccepted" data-valmsg-replace="true"></span>
<input data-val="true" data-val-required="The Contact Name field is required." …在控制器中,我希望能够获得模型的客户端验证规则.我使用数据注释附加了一些属性,并希望能够通过ajax调用将某些内容传递回客户端,以便我可以自动构建jquery validate选项.
通常这是通过不引人注目的东西免费完成的,但我正在尝试利用knockout绑定,同时仍然不必在服务器和客户端上复制验证规则.
如果不在模型服务器端使用反射,我有点不确定如何实现这一点.
我有一个简单的页面,表单和窗体外的按钮.我试图在按钮单击上验证表单.我已经在document.onready函数中添加了表单验证规则.但是表单未经过验证.
HTML: -
<html>
<head>
<script src="lib/jquery1.5.2.js"></script>
<script src="lib/jquery.validate.js"></script>
<script src="lib/myjs.js"></script>
</head>
<body>
<form id="form1" name="form1">
Field 1: <input id="field1" type="text" class="required">
</form>
<div>
<input id="btn" type="button" value="Validate">
</div>
</body>
</html>
JS: -
$(document).ready(function(){
$("#form1").validate({
rules: {
field1: "required"
},
messages: {
field1: "Please specify your name"
}
})
$('#btn').click(function() {
$("#form1").validate(); // This is not working and is not validating the form
});
});
知道什么是错的吗？
我真的想在我的ASP.NET Web窗体应用程序(而不是MVC)中使用jQuery Validation插件.我觉得比在任何地方添加asp验证器更容易,并将控件设置为验证所有这些的字段.
我在设置像class ="required email"这样的类时遇到了一些问题,我认为这与主表单标签中的表单标签有关.
当使用在asp控件中被破坏的名称调用jquery validate时,我也会遇到问题
// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
username: {
required: true,
minlength: 2
}, },
messages: {
username: {
required: "Please enter a username",
minlength: "username at least 2 characters"
},
}.
.......
<p>
<label for="username">
Username</label>
<input id="username" name="username" />
</p>
因为这
<asp:TextBox ID="tbUsername" runat="server"></asp:TextBox>
呈现为
<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" />
并破坏了这个名字.我可以使用ClientID <%=tbUsername.ClientID %>,但不能使用ClientName
有人在asp.net上使用jquery验证器插件有什么成功吗？如果是这样,使用多个表单很像使用单独的验证组？
我正在使用jQuery验证来验证表单.我的表单上有两个文本框,只有第一个会添加"此字段是必填项".信息.如果我从第一个类中删除"required"类,则第二个类将具有该消息.
HTML:
<form id="questionForm">
<div><input class="required" id="value" type="text" /></div>
<div><textarea class="required" id="description"></textarea></div>
<button type="submit">Save</button>
</form>
JavaScript的:
$("#questionForm").validate({ submitHandler: function() {
alert("valid");
}
});
为什么只有一个被验证？
编辑:我正在使用jQuery验证插件1.7
编辑2:我正在使用MVC 3
jquery-validate ×10
jquery ×9
validation ×3
asp.net-mvc ×2
asp.net ×1
javascript ×1
knockout.js ×1
scrollto ×1
webforms ×1