jQuery FormBuilder仅验证必填字段

sg3maiej  于 2023-01-04  发布在  jQuery
关注(0)|答案(2)|浏览(182)

我正在使用jQuery FormBuilder插件。链接:http://formbuilder.readthedocs.io/en/latest/。现在,当用户提交表单时,我希望确保所有必填字段(带 *),否则表单将不会提交(我将收到错误消息“一个名称为”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>
vwhgwdsa

vwhgwdsa1#

我知道这是旧的,但我做到了这一点,利用内置的必填选项,为每个领域时,建立的形式。只要确保您的形式是显示在一个形式标签与适当的提交。

htrmnn0y

htrmnn0y2#

老实说,我完全推荐使用纯html和css。required属性可以工作。我得说这要容易得多

<form><input type="text" id="name" required><input type="submit"</form>

然后只需要使用CSS来设计它。

相关问题