Цены с пробелами UI-slider

@krasnov8953 · Регистрация: 06.08.2015

Author24 — интернет-сервис помощи студентам

Всем добрый день! я новичек в JavaScript, наплодил постов по вопросу, у кого спрашиваю никто толком не может подсказать, очень надеюсь что сдесь помогут!!!
Вопрос вот впринципе в чем:есть фильтр товаров на сайте, для фильтрации по цене используется UI-slider, цена в инпуте имеет вид 1000000 преобразовал цену с помощью функции в 1 000 000 код функции:

Javascript

function commaInt(val) {
            return String(val).split("").reverse().join("")
                  .replace(/(.{3}\B)/g, "$1 ")
                  .split("").reverse().join("");
      }

но теперь при сабмите не фильтрует, т.к. в гет параметрах на месте пробелов стоит +
Как исправить код чтобы данные в гет параметры приходили без пробелов? Заранее спасибо ниже приведен код слайдера:

Javascript

jQuery(document).ready(function(){
/* слайдер цен */
function commaInt(val) {
            return String(val).split("").reverse().join("")
                  .replace(/(.{3}\B)/g, "$1 ")
                  .split("").reverse().join("");
      }
 
jQuery("#slider").slider({
    min: 100000,
    max: 9999999,
    values: [100000,9999999],
    range: true,
    step: 10000,
    stop: function(event, ui) {
        jQuery("input#minCost").val(commaInt(jQuery("#slider").slider("values",0)));
        jQuery("input#maxCost").val(commaInt(jQuery("#slider").slider("values",1)));
    },
    slide: function(event, ui){
        jQuery("input#minCost").val(commaInt(jQuery("#slider").slider("values",0)));
        jQuery("input#maxCost").val(commaInt(jQuery("#slider").slider("values",1)));
    }
});
 
jQuery("input#minCost").change(function(){
 
    var value1=jQuery("input#minCost").val();
    var value2=jQuery("input#maxCost").val();
 
    if(parseInt(value1) > parseInt(value2)){
        value1 = value2;
        jQuery("input#minCost").val(value1);
    }
    jQuery("#slider").slider("values",0,value1);
 
});
 
     
jQuery("input#maxCost").change(function(){
 
    var value1=jQuery("input#minCost").val();
    var value2=jQuery("input#maxCost").val();
     
    if (value2 > 9999999) { value2 = 9999999; jQuery("input#maxCost").val(9999999)}
 
    if(parseInt(value1) > parseInt(value2)){
        value2 = value1;
        jQuery("input#maxCost").val(value2);
    }
    jQuery("#slider").slider("values",1,value2);
});
 
 
 
 
// фильтрация ввода в поля
    jQuery('input').keypress(function(event){
        var key, keyChar;
        if(!event) var event = window.event;
         
        if (event.keyCode) key = event.keyCode;
        else if(event.which) key = event.which;
     
        if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;
        keyChar=String.fromCharCode(key);
         
        if(!/\d/.test(keyChar)) return false;
     
    });
 
});

Добавлено через 40 минут
пробовал решить абстрактно через редирект так

Javascript

jQuery('.submit').click(function() {
        var link=window.location.href.replace(/\+/g, '');
        window.location.replace(link);
    });

но так не выходит почему то, если просто вставить в код слайдера так

Javascript

1 2	var link=window.location.href.replace(/\+/g, ''); window.location.replace(link);

тоработает но страница постоянно редиректи

@Armi · 06.08.2015, 15:25

Ну дак прогоняйте через функцию которая удаляет пробелы.

Javascript

1
2
3

function uncommaInt(val) {
            return val.replace(/\s+/g, '');
      }

@krasnov8953 · 06.08.2015, 18:00 **[ТС]**

что именно прогонять то?

Добавлено через 2 часа 24 минуты
Похоже это сделать просто НЕВЕЗМОЖНО!

@Armi · 06.08.2015, 21:16

Начнем с того что ui-slider ничего сам не фильтрует это всего лишь элемент интерфейса. Удаляем пробелы из полей перед отправкой на сервер.

Javascript

function uncommaInt(val) {
            return val.replace(/\s+/g, '');
      }
jQuery('.submit').submit(function() {
        
    var value1=jQuery("input#minCost").val();
    var value2=jQuery("input#maxCost").val();
 
 
jQuery("input#minCost").val(uncommaInt(value1));
jQuery("input#maxCost").val(uncommaInt(value2));
    });

Добавлено через 6 минут
Единственное что событие не клик а submit.

@krasnov8953 · 07.08.2015, 11:30 **[ТС]**

Я так уже пробовал не выходит(( все те же плюсы в url

Добавлено через 12 часов 6 минут
Решил конечно не без помощи хороших людей, в коде

Javascript

function uncommaInt(val) {
            return val.replace(/\s+/g, '');
      }
jQuery('.submit').submit(function() {
        
    var value1=jQuery("input#minCost").val();
    var value2=jQuery("input#maxCost").val();
 
 
jQuery("input#minCost").val(uncommaInt(value1));
jQuery("input#maxCost").val(uncommaInt(value2));
    });

поменять

Javascript

1	jQuery('.submit').submit(function()

на

Javascript

1	jQuery('#form-filter').submit(function()

так как сабмитится форма! Спасибо огромное)

@krasnov8953 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 31
	06.08.2015, 18:00 [ТС]	3
	что именно прогонять то? Добавлено через 2 часа 24 минуты Похоже это сделать просто НЕВЕЗМОЖНО! 0

	07.08.2015, 11:30

Цены с пробелами UI-slider

Решение