小编Cip*_*her的帖子

使用JQuery Validate以dd/mm/yyyy格式验证日期

我正在记录出生日期和死亡日期.需要验证

  1. 死亡日期应超过出生日期
  2. 日期格式为dd/mm/yyyy
  3. 日期小于或等于今天.

验证无法按预期工作,无法解决问题.请帮忙.

小提琴代码

使用JS库

  1. Calendar/Datepicker的JQuery UI
  2. JQuery验证表单验证
  3. 验证库的其他方法

    var today = new Date();
    var authorValidator = $("#itemAuthorForm").validate({
    rules : {
        dateOfBirth : {
            required : false,
            date : true,
            dateITA : true,
            dateLessThan : '#expiredDate'
        },
        expiredDate : {
            required : false,
            date : true,
            dateITA : true,
            dateGreaterThan : "#dateOfBirth"
        }
    },
    onfocusout : function(element) {
        if ($(element).val()) {
            $(element).valid();
        }
    }
    });
    var dateOptionsDOE = {
    maxDate : today,
    dateFormat : "dd/mm/yy",
    changeMonth : true, …
    Run Code Online (Sandbox Code Playgroud)

javascript validation jquery datetime date

33
推荐指数
5
解决办法
16万
查看次数

暂时隐藏/禁用手风琴面板

需要知道如何使用JQuery UI Widget控制预期的行为. 我正在使用JQuery UI Accordion来实现多部分表单/逐步用户交互.我想隐藏/禁用后续的折叠面板,直到用户在之前的面板中完成某些操作.

你能帮我理解如何隐藏/禁用手风琴面板吗?

示例代码:

HTML
<div id="accordion">    
<h3><a href="#">Section 1</a></h3>
<div>
    <input type="button" value="Go to Section 2" id="button1" />
    <br/>
    <label>Section 2 can be visible/clickable only after clicking this button.</label>
</div>
    <h3><a href="#">Section 2</a></h3>
<div>
    <input type="button" value="Go to Section 3" id="button2" />
</div>
    <h3><a href="#">Section 3</a></h3>
<div>
    <input type="button" value="Go to Section 4" id="button3" />
</div>
    <h3><a href="#">Section 4</a></h3>
<div>
    <input type="button" value="Go to Section 1" id="button4" />
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$(function () {
$("#accordion").accordion({
    autoHeight: …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-ui-accordion

0
推荐指数
1
解决办法
5377
查看次数