Как вернуть номер текстового поля в JavaScript

#javascript

#javascript

Вопрос:

У меня есть 2 текстовых поля. При вводе номера 500 в первом поле, второе поле должно содержать номер ввода больше, чем первое поле. Результаты теперь, либо я ввожу больше или меньше чисел, чем в первом поле, второе поле будет предупреждать.

Я только начал писать языки Javascript. Я надеюсь получить несколько советов для меня.

первая функция

 let fixNum = () => {
  return v => /^[0-9] $/.test(v) || `Must be number only`;
};
  

вторая функция

 let num = property => {
  var keep1 = fixNum().value;

  if (property < keep1) {
    return `Number must be morethan Fix Number field`;
  } else {
    return true;
  }
};
  

И я вызываю функцию в текстовом поле (Vuetify)

 <v-text-field
 v-model="editedItem.fixNumber"
 label="Fix Number"
 outlined
 dense
 required
 :rules="[required('Fix Number'), fixNum()]"
></v-text-field>
  
 <v-text-field
 v-model="editedItem.number"
 label="Number"
 outlined
 dense
 required
 :rules="[
 required('Number'),
 num(editedItem.number)
 ]"
></v-text-field>
  

Результат при вводе числа меньше первого поля

Результат при вводе числа меньше первого поля

Результат при вводе числа, превышающего первое поле

Результат при вводе числа, превышающего первое поле

Комментарии:

1. Где у вас есть прослушиватель onChange для первого текстового поля

2. Откуда берется переменная v ?

3. fixNum() возвращает не объект, а true или false . Чего вы ожидаете fixNum().value от этого?

4. @Asutosh Я думаю, что первое поле не используется при обмене.

5. @Barmarпеременная v предназначена для проверки текста, введенного пользователем. Если текст не соответствует регулярному выражению, он предупреждает пользователя, что это должен быть только номер. И я попытался вернуть полученные мной числа, но он возвращает число под полем.