- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下 HTML:
<div class="large-4 columns genderSection">
{# <div class="left label"><h3>{{ 'PEOPLE'|trans }}</h3><sub class="asterisk">*</sub></div> #}
<div class="row">
<div class="large-4 columns selection">
<p>Total number of:</p>
</div>
<div class="large-4 columns maleDropDown">
<label>{{ 'MALE'|trans }}</label>
<select class="sel-box" required>
<option value="" selected="selected"></option>
<option value="01">01</option>
<option value="02">02</option>
</select>
<input class="hide" data-highlight-code="2090" id="males" name="numberOfMales" tabindex="17" type="text" value="0" autocomplete="off" />
</div>
<div class="large-4 columns femaleDropDown">
<label>{{ 'FEMALE'|trans }}</label>
<select class="sel-box" required>
<option value="" selected="selected"></option>
<option value="01">01</option>
<option value="02">02</option>
</select>
<input class="hide" data-highlight-code="2090" id="females" name="numberOfFemales" tabindex="17" type="text" value="0" autocomplete="off" />
</div>
</div>
</div>
它工作正常,但是,当我点击提交表单时,2 个选择不会得到验证,除非我关注它们然后触发验证。
据我所知,“require”属性应该足以触发每个输入或选择的验证。
如果您有 2 个选择,您是否需要以某种方式区分它们?
最佳答案
使用 jquery 进行验证
http://jsfiddle.net/tPRNd/506/
$(document).ready(function () {
$('#myform').validate({ // initialize the plugin
rules: {
year: {
selectcheck: true
},
month: {
selectcheck: true
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
jQuery.validator.addMethod('selectcheck', function (value) {
return (value != '0');
}, " required");
});
关于css - 基金会遵守两个选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27192172/
我看过很多关于 Isabelle 的语法和证明策略的文档。然而,我对它的基础知之甚少。我有几个问题,如果有人能花时间回答,我将不胜感激: 为什么 Isabelle/HOL 不承认不终止的函数?许多其他
清除工作正常,但部分的“照片”选项卡保留在照片上。 我刚刚使用了示例代码 章节: http://foundation.zurb.com/docs/components/section.html 清理:
点击按钮并没有像我认为的那样创建一个下拉列表。有谁知道我在这里做错了什么或者为什么它可能不起作用? dropdown
如何去除 Zurb Foundation 中按钮的背景色? Button → CSS/更少: .button-arrow { background-color: none;
当您购买产品时,我正在尝试创建像 Apple 一样的产品摘要(侧边栏)。我正在使用 Magellan,它似乎会在 960 像素以下的任何宽度处中断页面。可能跟表有关系。我不确定是否会收到任何帮助或建议
我有一个顶栏菜单,但当页面加载时它位于页面中间的某个位置。当我向上滚动时,我将其设置为 sticky,这样当我滚动页面时它就会固定在顶部。我的问题是,如何使顶部栏内的某些元素仅在它已经粘在顶部时才出现
我正在尝试切换 large-8 和 large-4 这两列的位置,我希望在小屏幕上查看页面时文本位于图像下方。 列结构是这样的 div id="roofing">
@player_profile.user %> @player_profile %> 预览 我会做一些类似 Fancy.com
.grid-container的默认宽度是多少?在大屏幕上?我怎样才能改变它并使它变大?正确的做法是什么? 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
.grid-container的默认宽度是多少?在大屏幕上?我怎样才能改变它并使它变大?正确的做法是什么? 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
我使用的是 zurb foundation v.6,它是 flex 网格,而不是使用 float 的普通网格。我制作了一个页脚,其中有 2 个 div,我希望每个 div 都对齐到自己的末端。这是代码
谁能告诉我为什么我的网格布局中可能会有看似随机的“漏洞”?我正在使用 Zurb Foundation。 尽管这是一个基本的网格布局,但有些列会无缘无故地向右浮动。看起来好像偶尔缺少一篇文章,但如果您查
我在 Zurb Foundation 3 中创建了一个相当典型的布局。这是一行,左边是八列(包含一个 Orbit slider ),然后是右边的广告(“fluke”广告)和盒子的 4 列在广告下方,在
是否可以制作垂直子导航?在文档页面中只有水平的,我找不到如何垂直显示元素 编辑:这里是基础文档的链接:http://foundation.zurb.com/docs/components/subnav
我在我的 react 组件中使用基础 Accordion 。 因此,如果让组件呈现静态 HTML,则此代码可以工作,但是,如果我通过循环执行此操作,则 Accordion 不可单击。 UL react
我试图让显示模式从窗口底部弹出,但我就是无法让它工作,任何帮助都会很棒。 我一直在尝试使用下面的reveal js(原始代码)编辑打开函数。 谢谢 open : function (target, a
在我们的 WordPress 博客上,样式似乎是从 foundation.css 文件继承的。 特别是我们想要更改的标题字体大小。 例如,on this page ,当我们检查元素时,h2 的字体大小
我刚刚复制了示例代码,但无法正常运行。 示例:http://goo.gl/wrw2v 缩略图有不同的大小,当我点击缩略图时,大图像不会改变。 最佳答案 它不是同一个html结构。第二张图片未包裹在
我非常喜欢 Foundation 5,现在我正在尝试使用 Foundation 6 作为我的标准。但是我在响应式切换(导航)方面遇到了问题。如你所见here ,移动导航始终可见且没有内容。 这是我的
好的,这是我的代码笔 http://codepen.io/anon/pen/epbePZ Programs BackPrograms
我是一名优秀的程序员,十分优秀!