проверка времени JQuery

Question

Я надеялся написать функцию, которая проверяла бы формат времени текстового поля, к которому оно прикреплено, в формате 12H

HH:MM AM|PM

Ничего особенного. Просто то, что делает текстовое поле красным или что-то в этом роде. Я не хочу, чтобы это даже удерживало форму от отправки. Я просто хочу, чтобы это показывало пользователю, что он идиот для входа в неподходящее время. Я уже имею в виду регулярное выражение

(1[012]|0[1-9]):[0-5][0-9](\\s)?(?i)(am|pm)

Моя единственная проблема, я думаю, это формат jQuery. После всего этого времени, хотя я уже познакомился с синтаксисом jQuery, мне все еще не очень удобно программировать все это вместе. Я собираюсь попытаться сделать это самостоятельно, но если вы, ребята, уже нашли опрятное решение, нет смысла изобретать велосипед. Дайте мне знать, что вы, ребята, думаете.

Вот то, что у меня было до сих пор ... Тестирование до сих пор ... Думая об использовании проверки JQuery несмотря на мои предыдущие протесты

$('#DischargeDateTimeMask').blur(function () {
        var inputVal = $(this).val();
        var dateReg = /^(1[012]|0[1-9]):[0-5][0-9](\\s)?(?i) (am|pm)$/
        if (!characterReg.test(inputVal)) {
            $(this).after('<span class="error error-keyup-4">Incorrect time format fool!: HH:mm am|pm</span>');
        }
    });

Answer 1

Что именно вы хотите знать?Вы можете использовать это регулярное выражение в форме отправки и посмотреть, соответствует ли оно значению поля следующим образом:

var myregex = new RegExp("");
$("#myform").submit(function() {
    if(!$("#mydateinput").val().match(/(1[012]|0[1-9]):[0-5][0-9](\\s)?(?i)(am|pm)/)) {
        // Do stuff to show things about things being invalid.
        return false;
    }
});

Но какова реальная точка?:)

Answer 2

я написал код для проверки, больше ли время начала, чем время окончания

для проверки 10:00:00 <12:00:00 в этом формате времени </p>

// время начала = 10: 00: 00

// время окончания = 12: 00: 00

// ------ код Jquery -------

    <script type="text/javascript">


        $.validator.addMethod("graterThan", function(value, element,date) {
            //If false, the validation fails and the message below is displayed

            var st= $(date).val();
            var etime=parseInt(value.replace(/:/g,""),10);
            var stime=parseInt(st.replace(/:/g,""),10);
            return etime>stime;
        }, "End time must be larger than start time");

// ---- как позвонить -------

        $().ready(function() {

            $("#AllocationForm").validate({
                rules : { endTime:{graterThan:"#startTime"}}
            });

        });

    </script>

Answer 3

Это то, что я ищу ...

$('#DischargeDateTimeMask').blur(function () {
    var inputVal = $(this).val();
    var dateReg = /^(1[012]|0[1-9]):[0-5][0-9](\\s)? (am|pm)+$/;
    if (!characterReg.test(inputVal)) {
        $(this).after('<span class="error error-keyup-4">Incorrect time format fool!: HH:mm am|pm</span>');
    }
    //alert(dateReg.test(inputVal));
});