FbIN/htmly
1
0
Fork 0
mirror of https://github.com/danpros/htmly.git synced 2026-04-22 13:36:22 +05:30
Code Issues Projects Releases Packages Wiki Activity

Update form.builder.js

Browse source 
Remove spaces for select value and options value
This commit is contained in:
Dan 2025-03-18 04:57:40 +07:00
commit 0214d31817
1 changed files with 20 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
system/resources/js/form.builder.js
View file

@ -41,6 +41,9 @@ addOptionBtn.addEventListener('click', () => {
valueInput.type = 'text';
valueInput.placeholder = 'Option Value';
valueInput.classList.add('option-value');
valueInput.addEventListener('input', () => {
valueInput.value = valueInput.value.replace(/\s+/g, ''); // Remove spaces in real-time
});
const removeBtn = document.createElement('button');
removeBtn.textContent = 'Remove';
@ -65,7 +68,7 @@ addFieldBtn.addEventListener('click', () => {
if (field.type === 'select') {
const options = Array.from(document.querySelectorAll('.option-item')).map(item => {
const label = item.querySelector('.option-label').value.trim();
const value = item.querySelector('.option-value').value.trim();
const value = item.querySelector('.option-value').value.trim().replace(/\s+/g, ''); // Remove spaces
return { label, value };
});
@ -130,8 +133,11 @@ function editField(index) {
const valueInput = document.createElement('input');
valueInput.type = 'text';
valueInput.placeholder = 'Option Value';
valueInput.value = opt.value;
valueInput.value = opt.value.replace(/\s+/g, ''); // Remove spaces
valueInput.classList.add('option-value');
valueInput.addEventListener('input', () => {
valueInput.value = valueInput.value.replace(/\s+/g, ''); // Remove spaces in real-time
});
const removeBtn = document.createElement('button');
removeBtn.textContent = 'Remove';
@ -231,11 +237,19 @@ function updatePreviewAndOutput() {
addFieldBtn.textContent = "Add Field";
}
// Real-time removal of spaces in the name field
nameEl.addEventListener('input', () => {
nameEl.value = nameEl.value.replace(/\s+/g, ''); // Remove spaces in real-time
});
document.addEventListener('DOMContentLoaded', () => {
updatePreviewAndOutput();
// Real-time removal of spaces in the name field
nameEl.addEventListener('input', () => {
nameEl.value = nameEl.value.replace(/\s+/g, ''); // Remove spaces in real-time
});
valueEl.addEventListener('input', () => {
if (typeEl.value === 'select') {
valueEl.value = valueEl.value.replace(/\s+/g, ''); // Remove spaces
}
});
});