0
に、クライアント側の検証の失敗を追加:Iは、以下のDIVを指定したHTTPポストページ内のASP.NET MVCにModelState
<div class="centered" style="text-align:center">
<span class="help-block">
@Html.ValidationSummary(true)
</span>
</div>
Iは、次のJavaScriptの検証があります
機能検証(){
を 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;
}
の代わりに私がにModelStateエラーリストに追加したいと思いますが、私は時にCLIでこれを行う方法がわからないよjavascriptのアラートとして検証エラーを出しますent側。
if (cvnCheck == false) {
var ul = $(".help-block ul");
ul.append("<li>Security Code must be entered</li>")
}
しかし、これは私が
は、なぜあなたはjQueryのプラグインの代わりに、カスタム検証を書いて検証し使用していないクライアント側で無効であると私にModelStateを設定することができますどのように、表示されていません。私が試みてきました? – Shyju
これは、使用する必要のある検証のための特定のライブラリです – Jay
var helpBlock = $( ".help-block"); helpBlock.append( "
"); append( "