Question

我有一个问题，我希望你们中的某个人能够解决这个问题。好吧，我有这个代码：

<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"/>

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

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

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

Answer 1

只使用HTML5字段验证器：

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

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

成功！

Answer 2

请勿使用文字类型，请使用HTML5的电子邮件类型：

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

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

2 个答案: