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


HTML input only allow numbers and letters and @

我有一个问题,希望你们有人能解决这个问题。我有这个代码:

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

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

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

如果有人有建议或想法,请在下面评论!

只需使用HTML5字段验证器:

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

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

成功!

不要使用文本类型,使用HTML5的电子邮件类型:

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