在开发过程中，我们经常会遇到需要验证数字范围的情况，比如用户输入的年龄必须在0-150之间，或者某个数值必须大于某个值。这时候就需要使用js来实现数字范围的验证。
// 验证一个数字是否在某个范围内
function isInRange(num, min, max) {
return num >= min && num <= max;
}
上述代码定义了一个函数isInRange，用来判断一个数字是否在某个范围内。它接受三个参数：num表示要判断的数字；min表示最小值；max表示最大值。如果num大于等于min并且小于等于max，则返回true；否则返回false。
// 验证一个数字是否大于某个值
function isGreaterThan(num, min) {
return num > min;
}
上述代码定义了一个函数isGreaterThan，用来判断一个数字是否大于某个值。它接受2个参数：num表示要判断的数字；min表示最小值。如果num大于min，则返回true；否则返回false。
f:validateLongRange标记用于验证特定范围内的长整型值。
以下代码显示如何使用f:validateLongRange标记
<f:validateLongRange minimum="5" maximum="200" />
| 属性 | 描述 |
|---|---|
| minimum | 最小长度值在可选范围内 |
| maximum | 最大长度值在可选范围内 |
以下代码来自demo.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core"
>
<h:body>
<h:form>
<h:panelGrid columns="3">
Enter your age :
<h:inputText id="age" value="#{user.age}"
size="10" required="true"
label="Age" >
<f:validateLongRange maximum="10" minimum="1" />
</h:inputText>
<h:message for="age" style="color:red" />
</h:panelGrid>
<h:commandButton value="Submit" action="result" />
</h:form>
</h:body>
</html>
以下代码来自result.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core"
>
<h:body>
Age : <h:outputText value="#{user.age}" />
</h:body>
</html>
下面的代码来自UserBean.java。
package cn..common;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
int age;
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
下载 Validate_Int_Range.zip将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
JSF教程 -JSF Repeat示例下面的代码显示了如何使用ui:repeat创建一个表。例子下面的代码来自UserBean.java。package cn..common;...
JSF教程 - 模板示例中的JSF参数以下代码显示了如何在模板中使用参数。例子以下代码来自commonFooter.xhtml。?xml version=1.0 en...