oninvalid="setCustomValidity('提示内容')" : 固定写法-->自定义提示内容
oninput="setCustomValidity('')": 固定写法-->清空上一次提交所输入的内容。
切记:oninput属性必须添加,否则input输入框无法检测再次输入的值,造成提醒信息多次弹出,并无法提交表单。
<form action="test.php" methods="get" id="test">
<input type="email" placeholder="请输入您的email" oninvalid="setCustomValidity('请输入合法的邮箱地址')" oninput="setCustomValidity('')" name="emm" id="" autofocus required>
<input type="submit" value="提交">
</form>
输入后点击"提交"按钮的效果展示: