有没有一种简单的方法来更改jQuery验证插件中的默认错误值?
我只想重写错误信息,以便更贴近我的应用程序 - 我有很多字段,所以我不想为字段x单独设置消息......我知道我可以做到!
我使用来自bassistance.de的jQuery验证器插件(1.11)并通过php提交.现在我在javacript代码末尾的提交处理程序中添加了一个ajax调用,但调用不起作用,对于firebug控制台也不存在.
情况1如果我将ajax调用放在站点的开头,它可以工作,但不再看到验证器插件.
情况2如果我把调用放在提交处理程序中,它就不存在,表单由php提交.
案例3 如果我把代码放在页面的末尾,联系表格仍然由php提交.
这是ajax调用:
$("#contactform").submit(function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "formfiles/submit.php",
data: $(this).serialize(),
success: function() {
$('#contactform').html("<div id='message'></div>");
$('#message').html("<h2>Your request is on the way!</h2>")
.append("<p>someone</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' src='images/ok.png' />");
});
}
});
return false;
});
Run Code Online (Sandbox Code Playgroud)
谁知道什么是错的?
在此先感谢您提供任何帮助,对此我一直在努力.
编辑 为了更好地理解问题,这里是完整的JavaScript
$(document).ready(function(){
$("#contactform").validate();
$(".chapta").rules("add", {maxlength: 0});
var validator = $("#contactform").validate({
ignore: ":hidden",
rules: {
name: {
required: true,
minlength: 3
},
cognome: {
required: true,
minlength: 3
},
subject: {
required: true,
},
message: …
Run Code Online (Sandbox Code Playgroud) 在jquery回发上,如果模型状态无效,我想使用jquery unobtrusive验证显示验证错误消息.我创建了一个示例应用程序.应用程序中的viewmodel如下所示
public class CityModel
{
public int Id { get; set; }
[Display(Name = "City")]
[Required(ErrorMessage = "City is required")]
public string City { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
并且控制器具有以下操作方法
public ActionResult City()
{
var cities = GetCities();
return View(cities);
}
[HttpPost]
public ActionResult SaveCity(CityModel cityModel)
{
if (ModelState.IsValid)
{
//Save City
return null;
}
else
{
return View();
}
}
public List<CityModel> GetCities()
{
var citiesList = new List<CityModel>
{
new CityModel() {Id = 1, City = "London"},
new …
Run Code Online (Sandbox Code Playgroud) 我在页面顶部显示我的 jquery 验证错误。我想在每条消息旁边包含与每个无效字段关联的标签的文本值。这是怎么做的。这是我的jQuery。
$(document).ready(function(){
$("#reqAccount").validate({
errorClass: "error-text",
validClass: "valid",
errorLabelContainer: "#errorList",
wrapper: "li ",
highlight: function(element, errorClass, validClass) {
$(element).addClass("error-input").addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).removeClass("error-input").removeClass(errorClass).addClass(validClass);
}
});
});
Run Code Online (Sandbox Code Playgroud)