如何在cshtml中添加电子邮件、沙特手机和国家身份验证

Question

我想向以下字段添加验证：电子邮件、手机号码(长度为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" />

Answer 1

对于UI验证，您可以使用输入标记的属性，如"minlength"、"maxlength"one_answers"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