C# 我怎样才能像Azure portal上的输入框那样创建一个带有验证的输入框？

我注意到这个带有js验证的非常好的输入框（在azure.com门户网站上），我想知道，如何为我的web项目获得类似的输入框

我注意到一些外汇-。。。。。css正在被应用，所以可能是一些标准库或框架

<input id="manage-coadmin-email" class="fx-textbox fx-validation fx-editablecontrol fx-editablecontrol-edited fx-validation-required-valid fx-validation-length-valid fx-validation-regex-valid fx-validation-isValidCoAdminEmailAddress-valid fx-validation-valid fx-validation-deferred-valid" type="text" data-link="emailAddress" name="emailAddress" data-val="true" data-val-required="You must enter a value in the field." data-val-regex="The email address can contain only letters, numbers, periods, hyphens, and underscores. The address can contain only one at sign (@)." data-val-regex-pattern="^[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)*@([a-zA-Z0-9_]+[a-zA-Z0-9_-]*\.)+[a-zA-Z]{2,63}$" data-val-length="Specify a value that is not longer than {0} characters." data-val-length-max="254" data-val-isvalidcoadminemailaddress="The co-administrator must sign in with a user account from an associated directory."></input>

---

我做了一些非常类似的事情，使用来处理AJAX验证，使用中的输入组来处理复合输入/图标。

有任何示例吗？目标是在输入内部显示绿色或红色图标，并在执行验证时显示一个良好的进度“圆圈”，是的，远程验证属性-rocks:）这取决于这种情况，那么使用jQuery可能更好。您可以连接输入框的onchange事件以触发AJAX调用来处理验证。然后，您可以为加载图像交换

img

标记的

src

属性。然后，控制器上执行验证的操作方法可以返回一个

JsonResult

。然后，在客户端的AJAX调用中，您可以通过再次将

src

属性替换为成功或失败映像来处理成功或失败。同时，您找到了解决方案吗？我们正在调查同一个地区，并没有真正找到一个图书馆左右。。。