当发送按钮按下时，Jquery ajax表单验证必须有一个弹出的红色感叹号

Question

按下发送按钮，文本区域为空时，右侧会出现一个弹出的红色感叹号。以下是http://boy-coy.com/#contact您可以制作与此类似的示例吗？

Answer 1

JS使用jQuery库和CSS完成。您需要使用Firebug（在FF中）或Developer Tools（在Chrome中）或类似的工具来查看该表单的HTML结构和CSS，因为它主要是关于良好的CSS。

隐藏感叹号，下划线为黑色。并且有一个JS处理表单的提交事件，检查输入是否为空（搜索表单验证以查看代码示例），如果其中一些是空的，那么对于每个空输入，它运行类似

$('.mailNameContainer').find('find(".underline").delay(400*e).animate({ 
    backgroundColor: "#ff0000"
}, 400);

$('.mailNameContainer').find(".exclamationMark").delay(400*e).fadeIn(400);

但是根据字段使用不同的选择器（例如.mailFromContainer而不是.mailNameContainer）。

变量e是从0开始的某个数字，并为每个错误的字段递增（因此它们稍后会出现）。