הגבלת מספר תווים בטופס של אלמנטור

מעוניינים להגביל את מספר התווים בשדה בטופס של אלמנטור?

דבר ראשון יש לתת לשדה ID נניח limit

לאחר מכן נגרור ווידג’ט מסוג HTML (מתחת לטופס), ונוסיף את הקוד הבא (בקוד יש לשנות את המספר 12, למספר הנצרך)

				
					<script>
document.querySelector('#form-field-limit').setAttribute('maxlength', '12');
</script>
				
			
וככה זה נראה

רוצים לעשות מינימום?

				
					<script>
document.querySelector('#form-field-limit').setAttribute('minlength', '12');
</script>
				
			

רוצים להגביל מספר סימונים בצ’קבוקס?

יש לתת לשדה תיבות סימון מזהה  limitcheckbox ולהוסיף את הקוד הבא (לשנות בקוד את המספר 2)

				
					<script>
const checkboxes = document.querySelectorAll('input[name="form_fields[limitcheckbox][]"]');
const maxAllowed = 2;
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
const checkedCheckboxes = document.querySelectorAll('input[name="form_fields[limitcheckbox][]"]:checked');
if (checkedCheckboxes.length > maxAllowed) {
this.checked = false;
}
});
});
</script>
				
			

רוצים להבין טוב יותר איך לכתוב קוד בוורדפרס ואלמנטור?

מוזמנים לבדוק את הקורס שלי, קורס הוספת קוד בוורדפרס ואלמנטור

הקורס הזה גם כלול בחבילת כל הקורסים במחיר מיוחד

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?