首页 文章

jQuery FormBuilder仅验证必填字段

提问于
浏览
0

我正在使用jQuery FormBuilder插件 . 链接:http://formbuilder.readthedocs.io/en/latest/ . 现在,当用户提交表单时,我想确保填写所有必填字段(带*),否则表单获胜't submit (I will get an error message '名称= '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>

1 回答

  • 0

    老实说,我完全建议使用纯HTML和CSS . 必需属性适用于他们 . 我会说这容易得多

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

    然后使用CSS来设置它的样式 .

相关问题