我正在使用jQuery Validate,并在发现错误时尝试移动(或滚动)到页面顶部.我添加了focusInvalid选项以停止关注有错误的字段,但无法弄清楚如何移动到页面顶部(如页面顶部,我的错误容器可见).
我的脚本的简化版本如下,感谢您对此的任何帮助.
$(".event-form").validate({
errorContainer: ".error-container",
errorLabelContainer: ".error-container ul",
wrapper: "li",
focusInvalid: false,
ignore: "",
rules: {
title: { required: true }
},
messages: {
title: "You must enter the title"
}
});
在控制面板中,"网站名称"的"管理">"常规配置"中有一个设置.
此处输入的值显示在控制面板的右上角.
是否有配置覆盖设置此值,以节省必须通过控制面板键入？
谢谢,
斯蒂芬
我使用ExpressionEngine 2.5.3和Google Maps for ExpressionEngine 3.0.190(又名3.1 beta),代码如下:
{exp:gmap:init id="map1" class="gmap" scrollwheel="false" style="width:930px;height:500px" clusterStyles="{url: '/assets/images/cluster-icon-blue.png', textColor: '#fff', textSize: '12', height: 52, width: 53, anchor: [0, 0]}" overviewMapControl="true" overviewMapControlOptions="{opened:true}"}
{exp:channel:entries channel="people" status="open" disable="categories|category_fields|member_data|pagination" limit="1000" dynamic="no" sort="asc"}
{cf_people_geo_location id="map1" show_one_window="true" icon="/assets/images/aabc-map-icon-white.png" infobox="true" offsetY="-45" offsetX="15" closeBoxMargin="5px" class="ui-infobox-dark" closeBoxURL="/themes/third_party/gmap/css/images/white-close-button.png" style="width: '250px'" clearanceX="10" show_one_window="true" clustering="true"}
<p><a href="/register/{url_title}/" title="View {title}">View {title} »</a></p>
{/cf_people_geo_location}
{/exp:channel:entries}
是否可以设置地图在页面加载时使用的缩放级别？它似乎是根据绘制的点自动设置它,但我想覆盖这个值并放大几个凹槽.
谢谢,
STE
我正在使用jQuery validate插件来验证表单.所有字段都是必填字段,并且错误消息的空间在表单上受到限制,因此如果我的规则中的任何字段未完成,则可以显示单个错误消息,其中说:"所有字段必须在您提交之前完成形式'？
我的jQuery知识是有限的,我只能从示例中找到如何设置它,以便它使用以下代码为每个字段输出单独的错误消息:
$(".contact-form").validate({
errorLabelContainer: ".form-errors",
wrapper: "li",
ignore: ".ignore",
errorElement: "em",
rules: {
first_name: { required: true },
last_name: { required: true },
email: { required: true, email: true }
},
messages: {
first_name: "Please enter your first name",
last_name: "Please enter your last name",
email: { required: "Please enter your email address", email: "Your email address must be in the format of name@domain.com" }
},
});
使用jQuery Validate插件,如何确保已选中三个复选框中的至少一个？到目前为止,我能做的最好的事情就是要使所有三个复选框都需要(这不是我想要的),而我的代码远远落在下面.
我尝试在jQuery Validate演示页面上使用此示例,但这需要每个复选框字段具有相同的名称.我无法做到这一点,因为这些字段是从CMS中提取的,每个字段都需要不同的名称.
我希望将此保留在jQuery validate中,因为我已经在这里验证了许多其他字段(为了保持这个示例清理而被剥离)并且这是我用有限的JS/jQuery知识验证表单的唯一方法.在此先感谢您的帮助.
这是我的HTML:
<form class="my_form" method="post" action="/" >
<div><ul class="form_errors"></ul></div>
<label><input class="my_checkbox_group" id="my_checkbox_1" name="my_checkbox_1[]" type="checkbox" value="Yes"> My checkbox 1</label>
<label><input class="my_checkbox_group" id="my_checkbox_2" name="my_checkbox_2[]" type="checkbox" value="Yes"> My checkbox 2</label>
<label><input class="my_checkbox_group" id="my_checkbox_3" name="my_checkbox_3[]" type="checkbox" value="Yes"> My checkbox 3</label>
<input type="submit" value="Submit" />
</form>
这是我的JS:
$(".my_form").validate({
errorLabelContainer: ".form_errors",
wrapper: "li",
rules: {
'my_checkbox_1[]': { required: true },
'my_checkbox_2[]': { required: true },
'my_checkbox_3[]': { required: true }
},
messages: {
'my_checkbox_1[]': "This field is required",
'my_checkbox_2[]': …我有一个Fancybox 2 iframe模态窗口,其中包含一个"添加到购物车"表单.提交表单后,将在Fancybox模式窗口中加载成功/确认页面.
我想在这个关闭Fancybox窗口的成功/确认页面上运行一个脚本,并将父窗口重定向到这个URL:'/ shop/basket'我该怎么做？
这是我目前获得的代码(它只关闭了Fancybox窗口,但没有进行父窗口重定向):
<script type="text/javascript">
$(function() { parent.$.fancybox.close(); });
</script>
编辑:
这是我在functions.js文件中初始化Fancybox的方法:
$(".add-to-cart-popup").fancybox({
width : 580,
height : 744,
closeClick : false,
scrolling : 'auto'
});
编辑2:
这段代码完成了我正在寻找的东西 - 但任何人都可以想到更好的方法吗？这只是我一起入侵的东西:
<script type="text/javascript">
$(function() { parent.$.fancybox.close(); });
window.parent.location.href = '/shop/basket';
</script>