使用客户端验证检查重复的用户名

Question

我有一个输入类型和按钮，用于通过ajax将用户名输入SQL数据库。

现在我想实现检查重复名称的验证。如果存在重复，则会显示错误消息，有关此

的任何帮助

<div id="Div1">
    <label>FormName</label>
    <input type="text" id="Text1" placeholder="Type form name here" class="form-control" />
</div>
<div id="Div2" style="float: right;">
    <input type="button" id="Button2" class="btn btn-default" style="" value="Save Form" />
    <input type="button" id="Button3" class="btn btn-success" style="" value="Add Section" />
</div>

Answer 1

这是大致看起来的样子：

后端

• 准备将检查重复项的SQL查询
• 在您的服务器上公开它，可能是RESTful API或WCF

前端

• 向您的后端服务添加ajax调用
• 将此调用挂钩到某个事件，可能是当用户将焦点转移到另一个文本框或者按下check按钮时