1

我的表单中有并引导 datetimepicker，这是填充页面其余部分的必填字段。

当我使用提交按钮时，我可以设法进行验证，但是我有一个复选框，它使用 datetimepicker 中的值填充字段。

我需要该复选框以在不提交的情况下对 datetimepicker 进行验证。

我的代码看起来像这样：

//My datepicker
<div id="dtpDate" class="input-append" >
    <input required data-format="yyyy-MM-dd" type="text" style="width: 75%;" />
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

//Checkbox to cause validation
<div>
    <input type="checkbox" data-bind="checked: setdate, click: setdates"/>
</div>


//My Script
$(document).ready(function () {
    $("form").validate();
});

$(function () {
    $('#dtpDate').datetimepicker({
        pickTime: false
    })
});

如何使复选框导致验证？（不提交）

提前感谢

4

3 回答 3

1

编辑：这是有效的，并且已经在 jsfiddle 中进行了测试。

<form>
<div>
    <input required type="text" />
</div>
<div>
    <input type="checkbox" class="checkBox" />
</div>
<div>
    <input type="submit" />
</div>
</form>

javascript

//My Script
$(document).ready(function () {

    $('.checkBox').click(function(){
        if($(this).is(':checked')){
            $('form').valid();
        }
    });
});

$(function () {
    $('#dtpDate').datetimepicker({
        pickTime: false
    });
});
于 2013-02-27T09:33:20.450 回答
1

在调用 validate()后验证日期时间字段调用.valid( )

$(document).ready(function () {
    // initialise validation
    $("form").validate();

    // validated the datetime field on checkbox click
    $('#your_checkbox_id').click(function()
      $('#your_datetime_field').valid();
    });
});
于 2013-02-27T13:48:57.097 回答
1

用于.valid()在单击复选框时验证文本字段。

jQuery :

$(document).ready(function () {

    $("form").validate({
        // your options & rules
    });

    $('#mycheck').click(function () {
        $('#myfield').valid();
    });

});

HTML：

<form>
    <input required="required" type="text" name="myfield" id="myfield" />
    <input type="checkbox" name="mycheck" id="mycheck" />
    ...
</form>

工作演示：http: //jsfiddle.net/rzjRM/

于 2013-02-27T15:33:59.450 回答