数值校验

<!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" >
<head>
    <title>范例6-1</title>
</head>
<body>
<script language="javascript">
    function Sum( arg1, arg2 )              // 数值加法函数
    {
        var sarg1 = new String(arg1);       // 将传入的参数转为字符串以便进行参数检查
        var sarg2 = new String(arg2);       
        if( (sarg1=="") || (sarg2=="") )    // 确保参数不为空
        {
            var e0 = new Error();           // 当有参数为空则抛出异常
            e0.Serial = 1000001;             
            if( sarg1=="" )                 // 根据为空的参数正确填写错误信息
            {
                e0.message = "Sum函数参数非法:第1个参数为空!";
            }
            else
            {
                e0.message = "Sum函数参数非法:第2个参数为空!";
            }
            throw e0;                       // 抛出错误信息
        }
        for( i = 0; i<sarg1.length; i++ )   // 参数合法性检查
        {
            for( j=0; j<10; j++ )           // 检查所有字符
            {
                if( sarg1.charAt(i)==j )    // 若不是数字则抛出错误信息
                {
                    break;
                }
                else
                {
                    if( j == 9 )
                    {
                        var e1 = new Error();   // 错误信息
                        e1.Serial = 1000001;
                        e1.message = "Sum函数参数:"+sarg1+"是非法数字!";
                        throw e1;
                    }
                }
            }
        }
        for( k = 0; k<sarg2.length; k++ )   // 检查参数2是数字
        {
            for( l=0; l<10; l++ )
            {
                if( sarg2.charAt(k)==l )
                {
                    break;
                }
                else
                {
                    if( l == 9 )            // 只有包含非数学则抛出错误信息
                    {
                        var e2 = new Error();
                        e2.Serial = 1000001;
                        e2.message = "Sum函数参数:"+sarg2+"是非法数字!";
                        throw e2;
                    }
                }
            }
        }
        return Number(arg1) + Number(arg2);// 参数都正确则返回两个值的和
    }    
function Button1_onclick()                 // “计算”按钮的单击事件处理程序
{
    try                                    // 提取用户输入的数据
    {
        var Text1 = document.getElementById( "Text1" );
        var Text2 = document.getElementById( "Text2" );
        var Text3 = document.getElementById( "Text3" );
        var sum = Sum( Text1.value, Text2.value );  // 调用函数进行计算
        Text3.value = sum;                 // 输出计算结果
    }
    catch( e )                             // 有错误发生则输出错误信息
    {
        alert( e.message );
        if( e.serial == 1000001 )
        {
            alert( e.message );
            e = null;                      // 断开错误对象的引用
        }
    }
}
</script>
<!--用户界面,包括三个文本框,一个按钮-->
    <input id="Text1" type="text" style="width: 84px" maxlength="20" />
    + <input id="Text2" type="text" style="width: 75px" maxlength="20" />
    = <input id="Text3" type="text" style="width: 69px" />
    <input id="Button1" type="button" value="计算" onclick="return Button1_onclick()" />
</body>
</html>

 

转载于:https://www.cnblogs.com/huodaihao/p/7354723.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将数值校验规则添加到 `el-form-item` 的 `rules` 中,可以使用 `el-form-item` 的 `prop` 属性指定字段名,并将校验规则定义在 `el-form` 的 `rules` 对象中。 以下是一个示例代码,演示了如何将数值校验规则添加到 `el-form-item` 的 `rules` 中: ```html <template> <el-form :model="form" :rules="rules" ref="myForm" label-width="100px"> <el-form-item label="数值" prop="value"> <el-input v-model.number="form.value"></el-input> </el-form-item> <el-button type="primary" @click="validateForm">提交</el-button> </el-form> </template> <script> export default { data() { return { form: { value: null, }, rules: { value: [ { required: true, message: '请输入数值', trigger: 'blur' }, { type: 'number', message: '请输入有效的数值', trigger: 'blur' }, { min: 0, max: 100, message: '请输入0到100之间的数值', trigger: 'blur' }, // 可以根据实际需求添加更多的校验规则 ], }, }; }, methods: { validateForm() { this.$refs.myForm.validate((valid) => { if (valid) { // 表单校验通过,可以继续处理提交逻辑 // ... } else { // 表单校验不通过,进行错误处理 // ... } }); }, }, }; </script> ``` 在上述示例中,我们在 `el-form-item` 中使用 `prop="value"` 来指定字段名,并在 `el-form` 的 `rules` 对象中定义了数值校验规则。示例中的校验规则包括: - `required` 规则,表示该字段为必填项; - `type: 'number'` 规则,表示输入的值必须为数值类型; - `min` 和 `max` 规则,表示输入的值必须在指定的范围内。 你可以根据实际需要,根据 Vue 的验证规则来定义适合你的数值校验规则。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值