前端提交表单两种验证方式记录 jq或h5 required属性

<form id=\"form\">
    <input type=\"text\" name=\"aaa\">
    <select name=\"bbb\">
        <option value=\"\">请选择</option>
        <option value=\"1\">选项1</option>
        <option value=\"2\">选项2</option>
        <option value=\"3\">选项3</option>
    </select>
    <button type=\"button\" id=\"submit\">提交</button>
</form>

//提交表单
$(\'#submit\').click(function(){
    var data = {};
    var t = $(\'#form\').serializeArray();
    $.each(t, function() {
        data [this.name] = this.value;
    });
    console.log(data);
    if(data.aaa == \'\'){alert(\"aaa不能为空！\");return false;}
    if(data.bbb == \'\'){alert(\"bbb不能为空！\");return false;}
    $(\'#form\').submit();
});

<input type=\"text\" name=\"aaa\" required=\"required\">
<select name=\"bbb\" required=\"required\">
    <option value=\"\">请选择</option>
    <option value=\"1\">选项1</option>
    <option value=\"2\">选项2</option>
    <option value=\"3\">选项3</option>
</select>
    
<button type=\"submit\">提交</button>