如何在 cshtml 中添加电子邮件、沙特手机和国民身份证验证？ [关闭]

【问题标题】：how to add email,saudi mobile and national ID validation in cshtml? [closed]如何在 cshtml 中添加电子邮件、沙特手机和国民身份证验证？ [关闭]
【发布时间】：2021-02-16 05:35:20
【问题描述】：

我想在此字段中添加验证：电子邮件、手机号码（长度为 10 个数字，以 05 开头）和国民身份证（长度为 10 个数字，以 1 或 2 开头）

<input class="form-control" type="text" id="txtNID" name="NID">

<input class="form-control" type="text" id="txtMobile" name="mobileNumber">

<input class="form-control" type="email" id="txtEmail" name="email" >

<input type="button" id="btnSend" class="btn btn-view" value="send" />

【问题讨论】：

标签： javascript html css asp.net asp.net-mvc

【解决方案1】：

对于 UI 验证，您可以使用输入标签的属性，例如“minlength”、“maxlength”和“pattern”：

<form>
    <input class="form-control" pattern="05.*" minlength="10" maxlength="10"  type="text" id="txtNID" name="NID">
    <input class="form-control" pattern="[12].*" minlength="10" maxlength="10"  type="text" id="txtMobile" name="mobileNumber">
    <input class="form-control" type="email" id="txtEmail" name="email" >
    <input type="submit" id="btnSend" class="btn btn-view" value="send" />
</form>

您还需要添加服务器端验证。

您可以在此处阅读有关输入标签属性的更多信息：https://www.w3schools.com/tags/tag_input.asp

【讨论】：