html5 - 提交表单后如何显示所有必需的无效输入

Question

当我提交表单时，如何显示，可能带有红色边框，所有无效的必填字段（包含required=""）。因为默认情况下会逐个显示。

Answer 1

如果我理解正确，你只会得到第一个显示“红色”的空字段。

您可以在提交时循环显示表单项，以检查是否已填写！

$( "#submit" ).click(function() {
    $( "item" ).each(function( index ) {
         if($(this).val() == "") {
           $( this ).css( "border: thin solid red" );
         }
    });
});