如何在cshtml中添加电子邮件，沙特移动电话和国家身份证验证？

问题描述

我想在以下字段中添加验证：电子邮件，手机号码（长度为10个数字，以05开头）和国家ID（长度为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" />
                                

解决方法

对于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