小编ann*_*use的帖子

我的页面中有多个form类别div,我想知道是否有一种方法可以用来不引人注意地测试每种方法的有效性form？每个div类form都有一个button(具有类ok),允许用户继续通过form divs.我想button在页面加载时禁用它,以确保从forms中收集所有相关数据,并且仅在form有效允许进展时才收集.我已经尝试向每个change调用语义的表单元素添加一个函数,is valid但它会突出显示每个有效性问题.

这个JSFiddle说明了我的问题:https://jsfiddle.net/annoyingmouse/3z1wfjeL/

当名字字段被点击到它会自动显示所有表格上的错误-我想要的错误,只显示在一个必填字段已经模糊,而不是示出使用测试的结果的所有错误is valid.

有人有任何想法吗？

我有一个带有标签的文本输入,旁边我放置一个按钮来执行除提交输入和按钮所在的表单之外的其他操作.我将输入(带标签)放在a中twelve wide field,按钮位于four wide field:

<div class="two fields">
    <div class="twelve wide field">
        <label for="postalCodeMain">Postcode</label>
        <input type="text" id="postalCodeMain" value=""/>
    </div>
    <div class="four wide field">
        <div class="ui fluid bottom button" onclick="getLocations('Main');">Search for Address</div>
    </div>
</div>

问题是按钮浮动到顶部,four wide field因为输入上方有标签,什么是使按钮与输入内联的最佳方法？

我已经尝试了很多方法,但是将标签放在字段之外会导致标签和输入之间的间隙过大,并且在按钮顶部添加一个空标签会让我感到浪费......？

以下是我在JSFiddle上尝试过的方法.

我错过了按钮div的课程吗？