מה תרצה/י לחפש?
בדיקה לטווח תאריכים תקין
במידה וקיימים שני שדות תאריך, למשל שדה "תאריך התחלה" ושדה "תאריך סיום", ומעוניינים לבצע בדיקה שתאריך ההתחלה קטן מתאריך הסיום בעת ה-Submit – יש לבצע את הפעולות הבאות:
- יש לייצר ב-Blox שני שדות תאריך ולתת להם שם ID.
למשל שדה התחלה יקרא startDate.
שדה סיום יקרא endDate. - יש להוסיף אלמנט HTML עם הקוד הבא –
<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 && endDateStr) {
var startDate = parseDate(startDateStr);
var endDate = parseDate(endDateStr);
// Compare the dates
if (endDate < 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();
});
});
</script>
אלמנט זה יבצע בדיקה אם תאריך הסיום קטן מתאריך ההתחלה.
במידה וכן – שני השדות ירוקנו.
- יש להוסיף פעולה אחרי שליחה ברמת ה-Blox form ולקרוא לפונקציה "dateValidityCheck".
- לבצע שמירה.
רק לאחר ביצוע ה-Submit (אך לפני השליחה של הטופס בפועל) – תבוצע הבדיקה.
הערה: שימו לב כי ה-ID של כפתור ה-Submit בסקריפט לעיל נקרא "btnSubmit", במידת הצורך ניתן לשנות לכל שם אחר שמופיע אצלכם.