【发布时间】:2019-05-12 05:03:58
【问题描述】:
我正在创建一个函数来在输入的邮政编码上添加regex。
我只为某些国家添加他的正则表达式,例如法国。
当我通过选择选择国家时,我已经完成的功能将其回调, 这在我将属性添加到输入时有效, 相反,它不起作用, 如果以后我想更改国家,请选择一个我不能检查邮政编码的国家。
浏览器继续进行验证以向我返回错误 验证“Le champ doit contenir 5 chiffres”。
如何修改 javascript 以取消添加的属性?
谢谢
function CodePostalRegEx(input, action) {
if (action == "add") {
$(input).attr('data-val', 'true'); // turn on validation
$(input).attr('data-val-regex', 'Le champ doit contenir 5 chiffres'); // message to show when validation fails
$(input).attr('data-val-regex-pattern', "^(([0-8][0-9])|(9[0-5]))[0-9]{3}$"); //regex
} else {
$(input).attr('data-val', 'false');
$(input).removeAttr('data-val-regex'); // message to show when validation fails
$(input).removeAttr('data-val-regex-pattern'); //regex
$(input).removeData('unobtrusiveValidation');
$(input).removeData('validator');
}
$("#MonProfilForm").each(function() {
$.data($(this)[0], 'validator', false);
});
$.validator.unobtrusive.parse("#MonProfilForm");
}
$(".Identite #PaysNaissance").change(function () {
if ($(".Identite #PaysNaissance").val().toLowerCase() != "france") {
CodePostalRegEx(".Identite #CodePostalNaissance", "remove");
$(".Identite #CodePostalNaissance").unmask("data-mask");
if ($(".Identite #CommuneNaissance").hasClass('ui-autocomplete-input'))
{
$(".Identite #CommuneNaissance").autocomplete("destroy");
$(".Identite #CommuneNaissance").removeData('autocomplete');
}
if ($(".Identite #CodePostalNaissance").hasClass('ui-autocomplete-input')) {
$(".Identite #CodePostalNaissance").autocomplete("destroy");
$(".Identite #CodePostalNaissance").removeData('autocomplete');
}
}
else {
$(".Identite #CodePostalNaissance").mask("00000");
CodePostalRegEx(".Identite #CodePostalNaissance", "add");
setupAC()
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="/Moi" class="" id="MonProfilForm" method="post" role="form" novalidate="novalidate">
<div class="form-group label-floating has-success-website">
<label class="control-label" for="ClientModel_EtatCivil_PaysNaissance">Pays de naissance</label>
<select class="form-control valid" for="pp8" id="PaysNaissance" name="ClientModel.EtatCivil.PaysNaissance" aria-invalid="false">
<option value=""></option>
<option value="EX-REP YOUGOSLAVE DE MACEDOINE">EX-REP YOUGOSLAVE DE MACEDOINE</option>
<option selected="selected" value="FIDJI">FIDJI</option>
<option value="FINLANDE">FINLANDE</option>
<option value="FRANCE">FRANCE</option>
<option value="GABON">GABON</option>
<option value="GAMBIE">GAMBIE</option>
<option value="GEORGIE">GEORGIE</option>
<option value="GEORGIE DU SUD ET LES ILES SANDWICH DU SUD">GEORGIE DU SUD ET LES ILES SANDWICH DU SUD</option>
<option value="GHANA">GHANA</option>
</select>
<span class="field-validation-valid text-danger help-block" data-valmsg-for="ClientModel.EtatCivil.PaysNaissance" data-valmsg-replace="true" id="pp8"></span>
</div>
<div class="row">
<div class="col-xs-12 col-md-5">
<div class="form-group label-floating has-success-website">
<label class="control-label" for="ClientModel_EtatCivil_CodePostalNaissance">Code postal de naissance</label>
<input class="form-control ui-autocomplete-input valid" for="pp6" id="CodePostalNaissance" name="ClientModel.EtatCivil.CodePostalNaissance" type="text" value="3440" autocomplete="off" aria-invalid="false">
<span class="field-validation-valid text-danger help-block" data-valmsg-for="ClientModel.EtatCivil.CodePostalNaissance" data-valmsg-replace="true" id="pp6"></span>
</div>
</div>
<div class="col-xs-12 col-md-7">
<div class="form-group label-floating is-empty">
<label class="control-label" for="ClientModel_EtatCivil_CommuneNaissance">Commune de naissance</label>
<input class="form-control" id="CommuneNaissance2" name="ClientModel.EtatCivil.CommuneNaissance" type="text" value="" style="display: inline-block;">
<input class="form-control ui-autocomplete-input" id="CommuneNaissance" name="ClientModel.EtatCivil.CommuneNaissance" type="text" value="" autocomplete="off" style="display: none;">
<span class="field-validation-valid text-danger help-block" data-valmsg-for="ClientModel.EtatCivil.CommuneNaissance" data-valmsg-replace="true" id="pp7"></span>
</div>
</div>
</div>
<div class="content-container-detail-footer text-center content-container-detail-footer-fixed-bottom col-lg-12">
<button class="flat-butt flat-primary-butt flat-butt-responsive" type="submit" name="action:Save">
<span class="">Enregistrer</span>
</button>
<button class="flat-butt flat-primary-send flat-butt-responsive" type="submit" name="action:AskSend">
<span class="visible-xs-inline">Envoyer</span>
<span class="hidden-xs">Envoyer à mon notaire</span>
</button>
</div>
</form>
【问题讨论】:
-
发布你的html
-
@ewwink 我已经添加了我的表单 html 的一部分
-
函数
CodePostalRegEx()是怎么调用的?请在您的问题中也添加它
标签: javascript jquery regex asp.net-mvc unobtrusive-validation