HTML 输入只允许数字和字母和@答案

【问题标题】：HTML input only allow numbers and letters and @HTML 输入只允许数字和字母和@
【发布时间】：2015-03-25 18:32:58
【问题描述】：

我有一个问题，希望你们中的某个人对此有解决方案。那么我有这个代码：

<input type="text" id="username"  placeholder="Email/Username"
       class="Username placeholder NoPlaceholder text"
       title="Email/Username" name="usern" value=""
       required="required" tabindex="1" maxlength="30"/>

我想将此输入字段限制为仅允许完整的电子邮件地址。所以要禁止其他符号，例如：!#$%^&*()_+{}|:">?<

输入模式不起作用，因为有人可以通过检查元素来删除它。

如果有人在下面有提示或想法评论！

【问题讨论】：

我相信您可以使用正则表达式来验证它，无论是在服务器上还是在带有 JavaScript 的浏览器中。顺便说一句，其中一些字符允许在电子邮件地址中使用，如果用户无法输入完全有效的电子邮件，他们会感到沮丧！澄清你的问题也很好。
stackoverflow.com/questions/21650617/…

标签： php html input

【解决方案1】：

只需使用 HTML5 字段验证器：

<form>
<input type="email" name="email" autocomplete="off">
<input type="submit" value="Submit">
</form>

这将强制用户输入一个文本字符串，这对于电子邮件地址是有意义的..

成功了！

【讨论】：

但问题是，我有第二个输入栏，其中填写了其他信息，他们可以将 javascript 放在那里，它会发布到我的 sql 数据库，这不是很好：s
您也应该在服务器端验证数据。无论使用 javascript 或 HTML5 验证元素进行任何验证，客户端应用程序发送的信息都可以很容易地被伪造。

【解决方案2】：

不要使用文本类型，使用 HTML5 的电子邮件类型：

<input type="email" name="email">

【讨论】：

但问题是，我有第二个输入栏，其中填写了其他信息，他们只需将 javascript 放在那里，它就会发布到我的 sql db 中，这不是很好：s
您需要将代码和标记发布到您的问题中。电子邮件类型不会验证 JavaScript，因此您必须向我们展示您的意思。