h5 input type="mail"是怎么验证邮箱正确格式的

想了解一下验证规则,h5到底是怎么验证的? 比如这种 (#%&'/=~`*+?{}^$-|.def@ghi.com) ,在表单里是可以提交的。求大神解答。

6个回答

求大神解答,谢谢谢谢谢

这是浏览器内部实现的把,具体要看是哪个浏览器

主要用ie10,11

推荐你使用 jQuery Validate。里面内置了很多验证规则,也可以自定义规则。
参照网址:http://www.runoob.com/jquery/jquery-plugin-validate.html
具体参考内容:

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script>
$.validator.setDefaults({
    submitHandler: function() {
      alert("提交事件!");
    }
});
$().ready(function() {
    $("#commentForm").validate();
});
</script>

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>输入您的名字,邮箱,URL,备注。</legend>
    <p>
      <label for="cname">Name (必需, 最小两个字母)</label>
      <input id="cname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <label for="cemail">E-Mail (必需)</label>
      <input id="cemail" type="email" name="email" required>
    </p>
    <p>
      <label for="curl">URL (可选)</label>
      <input id="curl" type="url" name="url">
    </p>
    <p>
      <label for="ccomment">备注 (必需)</label>
      <textarea id="ccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

希望可以帮到你

qq_36929141
JASHI0N_1 先谢谢了。可是主要想知道浏览器验证mail的规则,然后在后台进行校验。
接近 2 年之前 回复

主流浏览器版本,只要类型为mail 它会帮你验证的。如果是比较坑爹的浏览器,在提交表单的时候自己再写个正则匹配一下咯。至于正则怎么写,参考百度吧。

qq_36929141
JASHI0N_1 谢谢了
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!