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

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

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

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

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

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

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
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
1
2
3
4
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
1
2
3
4
5
6
7
8
9
10
11
12
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
1
2
3
4
5
6
7
8
9
10
11
12
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()

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

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

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

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

Решение