日期选择器空错误

时间:2013-03-08 12:36:15

标签: datepicker

我有一个表单,它将一些值发布到另一个页面。如果我发布表单,如果它们是空的,我想要提醒datepicker输入。我一直试图解决它,但不能。这很简单,但我认为我的大脑停止了。代码如下。 http://i.stack.imgur.com/Ee95P.png

这是我表单截图的链接。也许这可以帮到你。

        <form id="form-2" class="form-3" method="POST" action="rezervasyon-aşama-2" >
                            <label style="margin:2px 70px; font-size:16px;" >Rezervasyon Formu</label><br>
                                <div style="padding:5px 5px;">
                                    Check-in Tarihi:&nbsp;&nbsp;
                                    <input id="datepicker-example7-start" type="text" name='tarih1' >

                                    </script>

                               </div>

                              <div style="padding:5px 5px;">
                                 Check-out Tarihi: 
                                <input id="datepicker-example7-end" type="text" name='tarih2' >
    </div>
<input  TYPE="submit" class="button" NAME="Submit" VALUE="Rezervasyon Yap"  >

    </form>

当我点击输入文件时,会显示日期选择器。如果我提交空的话,我想要一个警报。对不起我的英文:)感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

将属性从ID更改为NAME - 这是我的疏忽。

$(document).ready(function () {
    $('form').submit(function (e) {
        $('input[name^="tarih"]').each(function () {
            if ($(this).val().length === 0) {
                alert("Your alert here"); //Whatever error message here.
                e.preventDefault();
                return false;
            }
        });
    });
});

小提琴: http://jsfiddle.net/6tp9P/3/