javascript - 如何验证微调器提交的值

Question

我正在完成一个网络应用程序，并想在我的微调器上进行验证，它应该只让用户提交 1 到 50 之间的值，但是我想要的是如果用户删除了该值，例如输入 0，它要在网页上显示一条错误消息，通知用户这是不正确的，对微调器的支持已全部验证，因此如果输入值 0，则不会发生任何事情，但我只是在寻找一种通知方式用户对此，使用弹出窗口等

这是我的微调器代码

<h:body>
 <h:form id="myForm"> 
  <p>
   Number of copies (Max of 50) :
   <p:spinner id ="Copies" min="1" max="50" value="#{printerSettings.p}" size ="1"> 
   <!-- allows the user a choice of up to 50, this is more than enough for any situation, if needed this can be removed or raised -->
   <p:ajax update="p"/>
  </p:spinner>
  <div class="whiteSpace"/>   
  <h:outputText value="Copies that will be printed: &nbsp; #{printerSettings.p}" id="p"/>
 </p>

我试图添加 javascript 验证但没有成功，正如您在我的另一个问题中看到的那样

我的问题是实现我的目标的最佳方法是什么，有没有人有我可以效仿的例子？

多谢你们：）

Answer 1

尝试添加这个：

<f:validateLongRange minimum="1" maximum="50" />