使用 Web API 控制器验证表单
Validate a form using Web Api controller
我有一个 web api 应用程序,其中我有这个形式:
<form id="editForm">
<input id="editid" type="hidden" name="id" />
<p><label>Numéro cnss </label><input id="cnss" name="cnss" /><label style="color:red" id="labError"> ( * )</label></p>
<p><label>Nom </label><input id="lastname" name="lastname" /><label style="color:red" id="labError"> ( * )</label></p>
<p><label>Prénom </label><input id="firstname" name="firstname" /><label style="color:red" id="labError"> ( * )</label></p>
<p><label>Adresse </label> @Html.TextArea("address", new { id = "address" })<label style="color:red" id="labError"> ( * )</label></p>
<p><label>Lieu de naissance </label><input id="birth_place" name="birth_place" /> </p>
<p><label>Mutuelle </label><input id="mutuelle" name="mutuelle" /><label style="color:red" id="labError"> ( * )</label></p>
<p><label>Caisse d'assurance maladie </label><input id="caisse_assu_maladie" name="caisse_assu_maladie" /><label style="color:red" id="labError"> ( * )</label></p>
<p>
<label>Type de client </label>
<select id="client_type" name="client_type">
<option value="demande de transport régulière sur une période">demande de transport régulière sur une période</option>
<option value="demande de transport régulière et indéfinie">demande de transport régulière et indéfinie</option>
<option value="Ponctuel ">Ponctuel </option>
</select>
</p>
</form>
<button id="btnStepTwo" type="submit" class="btn btn-primary" >Commencer la réservation</button>
在 API 控制器中,我有此操作:
[HttpPost]
public bool ValidateClient(ClientModel item)
{
return ModelState.IsValid;
}
我想为表单中的每个更改添加一个 javascript 方法,此方法调用 ValidateClient
服务来验证表单中的模型是否有效:如果模型有效 ==> 按钮将被启用,否则将被禁用。
- 如何完成此任务?
- 什么是最好和最简单的方法?
将change()
事件附加到输入:
$('input').on('change', function (e) {
var el = $(e.currentTarget);
$.post(url, $('form').serialize(), function (data) {
if (data) {
// do stuff to "el"
}
});
});
从 REST 的角度来看,您可能希望使用正确的 HTTP 代码进行响应。如果模型无效,不确定 200 响应是否有意义。
相关文章:
- JAVASCRIPT验证表单中的日期
- 如何在使用ajax提交的codeigniter中使用form_validation验证表单数据
- 如何使用jQuery正确验证表单
- Javascript不会验证表单
- 如何使用javascript验证表单中的数据,然后调用php页面
- 包括来自另一个页面的Boostrap模态;t验证表单
- Javascript验证表单不重定向页面
- 在提交之前验证表单,jQuery发布到javaScript,然后提交到确认页面
- 引导复选框-x 选中时未正确更新 DOM - 如何验证表单
- Jquery 验证表单
- 验证表单中的 jQuery-UI 微调器
- 在 Jquery 中验证表单的输入字段
- 如何验证表单控制数据大小不超过2.5 mb
- 在表单进入Angular中的ng-submit之前验证表单
- Javascript表单验证:表单在错误返回时提交:
- 使用Angular.js验证表单输入的原始状态
- 正在复制验证表单
- 如何在转盘中逐步(3步)验证表单
- 使用javascript验证表单值
- 验证表单按id输入val