为什么使用<form>和jquery </form>

Question

如果我正在编写一个应用程序，我可以指示用户必须拥有启用了javascript的现代浏览器，那么使用html标记有什么好处。

例如，如果我通过这样的方式提交我的所有“表单”，但我的html中实际上没有任何表单标签。我只是构建一个datalist来传递$ .ajax调用的数据参数

$('#submit_form').click(function(){
   var datalist='foo='+$('#foo').val();
   $.ajax({
     // ajax json here
   });
}

为什么我会在html代码中使用form标签？我确信这可能是一个很好的理由，但有一天朋友问我，我不能给他一个很好的理由说明为什么需要它。

Answer 1

1. 如果JavaScript由于“用户已将其关闭”（例如网络中断）之外的其他原因失败，则服务器端后备将导致表单继续工作
2. 将字段逻辑地分组在表单中将使它们在大多数屏幕阅读器软件中更容易导航。

Answer 2

那也是 您可以使用html 5属性，例如“required”（如果此字段为空，则不提交表单）

<input type="text" required = required />

或<input type="email"/>（确保其有效的电子邮件地址）。 如果没有表单，此属性将无效。 使用此代码，您可以在JS中保存一堆代码。

希望我帮忙。