将客户端验证失败添加到ASP.NET MVC ModelState

杰伊

在HTTP帖子页面中,我指定了以下DIV:

<div class="centered" style="text-align:center">
  <span class="help-block">
    @Html.ValidationSummary(true)
  </span>
</div>

我有以下javascript验证:

函数validate(){

        var cardTypeCheck = RealexRemote.validateCardType(document.getElementById('cardType').value);
        var cardNumberCheck = RealexRemote.validateCardNumber(document.getElementById('cardNumber').value);
        var cardHolderNameCheck = RealexRemote.validateCardHolderName(document.getElementById('cardholderName').value);
        var expiryDateMonthCheck = RealexRemote.validateExpiryMonthDateFormat(document.getElementById('expiryDateMM').value);
        var expiryDateYearCheck = RealexRemote.validateExpiryYearDateFormat(document.getElementById('expiryDateYY').value);
        var expiryDateFormatCheck = RealexRemote.validateExpiryDateFormat(document.getElementById('expiryDateMM').value.concat(document.getElementById('expiryDateYY').value));
        var expiryDatePastCheck = RealexRemote.validateExpiryDateNotInPast(document.getElementById('expiryDateMM').value.concat(document.getElementById('expiryDateYY').value));
        if (document.getElementById('cardNumber').value.charAt(0) == "3") { cvnCheck = RealexRemote.validateAmexCvn(document.getElementById('cvn').value); }
        else { cvnCheck = RealexRemote.validateCvn(document.getElementById('cvn').value); }
        if (cardNumberCheck == false || cardHolderNameCheck == false || expiryDateYearCheck == false || expiryDateYearCheck == false || expiryDateFormatCheck == false || expiryDatePastCheck == false || cvnCheck == false) {
            // code here to inform the cardholder of an input error and prevent the form submitting
            if (cardTypeCheck == false) { alert("Card Type must be selected") }
            if (cardNumberCheck == false) { alert("Card Number entered is not valid") }
            if (expiryDateMonthCheck == false) { alert("Expiry Date Month must be selected") }
            if (expiryDateYearCheck == false) { alert("Expiry Date Year must be selected") }
            if (expiryDateMonthCheck == true && expiryDateYearCheck == true)
            {
                if (expiryDatePastCheck == false) { alert("Expiry Date must not be in the past") }
            }                
            if (cardHolderNameCheck == false) { alert("Card Holder name must be entered") }                
            if (cvnCheck == false) {  }
            return false;
        }
        else
            return true;
    }

与其将验证错误作为javascript警报发送出去,我不希望将它们添加到ModelState错误列表中,但是我不确定在客户端时如何执行此操作。我尝试过:

if (cvnCheck == false) {
  var ul = $(".help-block ul");
  ul.append("<li>Security Code must be entered</li>")
}

但这没有显示,如何在客户端将我的ModelState设置为无效

杰伊
var helpBlock = $(".help-block"); helpBlock.append("<div class=\"validation-summary-errors\"></div>");
$(".validation-summary-errors").append("<li>" + "Expiry Date Year must be selected" + "</li>");

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

ASP.NET MVC:如何将嵌套属性添加到Modelstate?

将客户端Blazor添加到现有的ASP.NET MVC5应用程序

ASP.NET MVC ModelState如何重新运行验证

Asp.Net Core Mvc中的全局ModelState验证

MVC中的ModelState验证

ASP.NET MVC 5“当 ModelState 无效时”

ASP.NET MVC 5 ModelState.IsValid 在 MVC 中总是返回 false

在NerdDinner的ASP.NET MVC中,有效的ModelState.IsValid是什么?

如何使用ASP.NET MVC更改ModelState中的值,使其有效?

如何从ASP.Net MVC modelState获取所有错误?

ASP.NET MVC ModelState 在视图模型中出现 IEnumeration<SelectListItem> 错误

ASP.NET 5,MVC6,WebAPI-> ModelState.IsValid始终返回true

如何在ASP.NET Core MVC中显示特定的ModelState错误?

asp.net mvc2保存选定的文件上传(当ModelState.IsValid = false时)

如果客户端验证失败,如何在ASP.NET MVC注册表单上停止Ajax微调器

VB.NET-MVC ModelState.IsValid始终为true

如何在ASP.NET MVC 6中继续将ModelState与RedirectToAction一起使用?

是否可以将客户端验证添加到 MVC C# 的类级验证器?

ASP.NET显示ModelState.AddModelError

ASP.NET MVC Core 3.0-为什么来自正文的API请求始终返回!ModelState.IsValid?

自定义验证程序asp.net MVC的客户端验证4

将#id添加到ASP.NET MVC URL

ASP.NET MVC将实体添加到ICollection

在ASP.NET Core MVC中为客户端验证配置区域性

ASP.Net Core MVC-自定义属性的客户端验证

ASP.NET MVC Core 3.1中的条件客户端验证

ASP.NET MVC ValidationAttribute导致无效的客户端验证规则

jQuery datepicker和ASP.net MVC 4中客户端的日期验证问题

ASP.NET MVC3中的客户端验证