举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > js验证数字范围 JSF 验证双值范围示例

js验证数字范围 JSF 验证双值范围示例

2023-04-21 21:18 Java教程

js验证数字范围 JSF 验证双值范围示例

js验证数字范围

在开发过程中,我们经常会遇到需要验证数字范围的情况,比如用户输入的年龄必须在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。

JSF 验证双值范围示例

JSF教程 - JSF验证双值范围示例


f:validateDoubleRange标记用于将值验证为浮点值范围。

以下代码显示如何使用f:validateLongRange标记

<f:validateDoubleRange minimum="1000.50" maximum="10000.50" />

标签属性

属性描述
minimum最小双精度值在可选范围内
maximum最大双精度值在可选范围内

例子

以下代码来自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>
    Salary :  <h:outputText value="#{user.salary}" />
    </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{
  
  double salary;

  public double getSalary() {
    return salary;
  }

  public void setSalary(double salary) {
    this.salary = salary;
  }
  
}

以下代码来自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">
    <h:body>
    <h:form>
      <h:panelGrid columns="3">
        Enter a double value: 
        <h:inputText id="salary" value="#{user.salary}" 
          size="10" required="true"
          label="Salary" >
          <f:validateDoubleRange minimum="10.11" maximum="10000.99" />
        </h:inputText>
        <h:message for="salary" style="color:red" />
      </h:panelGrid>
      <h:commandButton value="Submit" action="result" />
    </h:form>
    </h:body>
</html>
下载 Validate_Double_Value_Range.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是编程学为你收集整理的js验证数字范围 JSF 验证双值范围示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部