表单提交时验证输入内容的简便方法

我们在做表单验证时，一般会使用JS验证，在不满足条件时会弹出窗口。如下图

这种提示，操作起来比较简单，但这种提示用户体能不太友好。 所以网上出现了大量的第三方验证插件，样式效果的确不错，但使用起来不方便。今天给大家分享一个方便好用的验证代码，一行代码就可实现验证是否为空的效果。效果如下

不满足验证条件的情况下，在下方提示指定的内容。 

代码如下（红色内容为重要代码）：

    <input type="text"  placeholder='联系人'  required   oninvalid="setCustomValidity('请输入您的称呼');" oninput="setCustomValidity('');">