< All Topics
Print

בדיקה לטווח תאריכים תקין

במידה וקיימים שני שדות תאריך, למשל שדה "תאריך התחלה" ושדה "תאריך סיום", ומעוניינים לבצע בדיקה שתאריך ההתחלה קטן מתאריך הסיום בעת ה-Submit – יש לבצע את הפעולות הבאות:

  • יש לייצר ב-Blox שני שדות תאריך ולתת להם שם ID.
    למשל שדה התחלה יקרא startDate.
    שדה סיום יקרא endDate.
  • יש להוסיף אלמנט HTML עם הקוד הבא –
&lt;script>
function
 parseDate(input) {
    // Split the date string into components
    var parts = input.split('/');
    // Convert to a format that JavaScript's Date object can understand (mm/dd/yyyy)
    return new Date(parts[2], parts[1] - 1, parts[0]);
}

function dateValidityCheck() {
    var startDateStr = jQuery('#startDate').val();
    var endDateStr = jQuery('#endDate').val();

    if (startDateStr &amp;&amp; endDateStr) {
        var startDate = parseDate(startDateStr);
        var endDate = parseDate(endDateStr);

        // Compare the dates
        if (endDate &lt; startDate) {
            alert('תאריך סיום לא יכול להיות קטן מתאריך התחלה ');
            jQuery('#startDate').val(''); // Clear the 'startDate' field
            jQuery('#endDate').val('');   // Clear the 'endDate' field
        }
    }
}

jQuery(document).ready(function($) {
    $('#btnSubmit').on('click', function(e) {
        dateValidityCheck();
    });
});
&lt;/script>

אלמנט זה יבצע בדיקה אם תאריך הסיום קטן מתאריך ההתחלה.
במידה וכן – שני השדות ירוקנו.

  • יש להוסיף פעולה אחרי שליחה ברמת ה-Blox form ולקרוא לפונקציה "dateValidityCheck".
  • לבצע שמירה.

רק לאחר ביצוע ה-Submit (אך לפני השליחה של הטופס בפועל) – תבוצע הבדיקה.
הערה: שימו לב כי ה-ID של כפתור ה-Submit בסקריפט לעיל נקרא "btnSubmit", במידת הצורך ניתן לשנות לכל שם אחר שמופיע אצלכם.

תוכן עיניינים