Как проверить десятичные поля в семантическом интерфейсе?

В семантическом интерфейсе можно проверить десятичные числа? Для целых чисел легко установить:

$('.ui.form')
  .form({
    fields: {
     field1: {
       rules: [
          {
            type   : 'integer[1..20]',
          }
       ]
     },
  ....

и проверять целое число только в том случае, если оно попадает в указанный диапазон. Мне нужно было бы сделать то же самое для десятичного ввода (который должен попадать в диапазон 1,99 - 100,99), но тот же подход, что и для целых чисел, похоже, не работает. Как я могу этого добиться? Спасибо.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
669
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я решил эту проблему так:

$(document).ready(function() {

  $.fn.form.settings.rules.greaterThan = function (inputValue, validationValue) {
      return inputValue >= validationValue;
  };
  $.fn.form.settings.rules.smallerThan = function (inputValue, validationValue) {
      return inputValue <= validationValue;
  }
  $('.ui.form')
    .form({
      on: 'blur',
      fields: {
        decimal: {
          rules: [
            {
              type   : 'decimal',
              prompt : 'Please enter a decimal number here'
            },
            {
              type: 'greaterThan[1.99]',
              prompt: 'The price should be greater than 1.99',
            },
            {
              type: 'smallerThan[100.99]',
              prompt: 'The price should be less than 100.99',
            },
          ]
        },
      }
    })
  ;
});

Таким образом, вы подтвердите три правила, которые в совокупности принесут желаемый результат.

Другие вопросы по теме