Html 两个数字的输入字段验证

我似乎被我在输入字段中传递的2个数字的验证问题所困扰。我在输入中提供了两个数字，比如num1和num2。num2必须大于num1。如果不是，那么我需要显示一条错误消息。这就是我迄今为止所尝试的。我没有看到一致显示的错误消息。如果有人能指出我可能遗漏了什么，我将不胜感激

Num2不能小于num1

您的小提琴似乎正常工作，只是num2为空时可能也会显示消息。将

type=“text”

更改为

“type=“number”

会使它的行为更符合您的预期。

您可以使用多种方法

第一个是将输入类型更改为数字

var-app=angular.module（“演示”，[]）；
app.controller（“AppController”，函数（$scope）{
})；

Num2不能小于num1

将文本框

type=“text”

更改为

type=“number”

Num2不能小于num1

---

在JSFIDLE中，它确实有效。在您的情况下，什么不起作用？您发布了与Remko相同的答案，并编辑了他的帖子。不理解再次给出相同答案的意义，以及一些代码。我正在尝试在他回答时修复JSFIDLE。这就是为什么我对Remko的回答给出+1。您阅读了他的描述吗？”你的提琴似乎起作用了，除了当num2为空时可能也会显示消息。“。请理解它的意思。我知道你可能比我更了解Angular，但从任何角度来看，描述都没有说代码是在比较字符串值而不是整数值。这行有误导性，你已经投票了。你怎么能说“你的小提琴似乎工作，除了当num2为空时可能也会显示消息。“ng show=“num1>num2“正在比较字符串值，而您的描述并不意味着这一点。你是说完全不同。尽管如此，我还是不明白为什么人们会放弃投票。它是这么说的：当num1大于num2时，ng show会让文本神奇地出现，并说：num2可能不小于num1。这并不神奇，我的朋友，这是因为ng show把文本视为字符串而不是数字。你不能这么说。合乎逻辑。

<input name="num1" type="text" ng-model="num1" placeholder="num1">
<input name="num2" type="text" ng-model="num2" placeholder="num2">
<span ng-show="num1>num2">Num2 cannot be lesser than num1</span>

<input name="num1" type="number" ng-model="num1" placeholder="num1">
<input name="num2" type="number" ng-model="num2" placeholder="num2">
<span ng-show="num1 > num2">Num2 cannot be lesser than num1</span>