我正在使用jQuery FormBuilder插件。链接：http://formbuilder.readthedocs.io/en/latest/。现在，当用户提交表单时，我要确保所有必填字段（带有*）都已填写，否则表单将不会提交（我将收到一条错误消息“带有name =的无效表单控件” xxx'无法聚焦。'）。表单中的输入类型很多，包括文本，文本区域，下拉选择，单选和复选框等。如何验证所有这些输入？
一个例子：
<form-template><fields><field type="text" required="true" label="Text Field" class="form-control" name="text-1531271871930" subtype="text"></field><field type="select" required="true" label="Select" class="form-control" name="select-1531271872850"><option label="Option 1" value="option-1" selected="true">Option 1</option><option label="Option 2" value="option-2">Option 2</option><option label="Option 3" value="option-3">Option 3</option></field><field type="radio-group" required="true" label="Radio Group" name="radio-group-1531271874156"><option label="Option 1" value="option-1">Option 1</option><option label="Option 2" value="option-2">Option 2</option><option label="Option 3" value="option-3">Option 3</option></field></fields></form-template>
答案 0 :(得分：0)
老实说，我完全会建议您使用纯HTML和CSS。 required属性起作用。我说这要容易得多
<form><input type="text" id="name" required><input type="submit"</form>
然后只需使用CSS对其进行样式设置即可。