充值金额校验

最新推荐文章于 2023-02-07 14:07:52 发布
最新推荐文章于 2023-02-07 14:07:52 发布
阅读量516 收藏 1
点赞数
分类专栏： java技术 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41778291/article/details/108872869
版权

充值金额校验，

 

1.限制输入框只可以输入数值，其他空格,字母无效，

v-model.number="transferInfo.advanceAmt"  type= "number" 

 

 <el-row>
                       <el-col :span="10">
                            <el-form-item label="本次充值金额" prop="advanceAmt" style="width: 450px" >
                                <el-input  v-model.number="transferInfo.advanceAmt"  type= "number" :maxlength="100" style="width: 300px" :disabled="flag=='view'"   @input="paymentChanges()"   ></el-input>
                            </el-form-item>
                       </el-col>

                        <el-col :span="10">
                            <el-form-item label="累计充值金额" prop="sumAdvanceAmt" style="width: 450px"  >
                                <el-input  v-model="transferInfo.sumAdvanceAmt" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"  ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

2.正则表达式校验提醒  

 inline :rules="rules_validate"

<el-dialog title="预收余额充值" v-if="transferInfoDialogs" :visible.sync="transferInfoDialogs" :close-on-click-modal="false" @close="$refs['transferInfo'].resetFields()"  width="1000px">
            <el-form :model="transferInfo" size="mini" inline :rules="rules_validate" ref="transferInfo" labelWidth="130px">
                <div class="FormInputs">
                    
                    <el-row>
                    	 <el-col :span="10">
                            <el-form-item label="预收余额单据号" prop="receiptNo" style="width: 450px" >
                                <el-input  v-model="transferInfo.receiptNo" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="10">
                             <el-form-item label="渠道" prop="dataSource" style="width: 450px">
                                <el-select v-model="transferInfo.dataSource" filterable  style="width: 300px" :disabled="flag=='recharge'">
                                     <el-option label="请选择" value=""></el-option>
                                     <el-option v-for="item in netSourceOptions" :key="item.dataSource" :label="item.dataSourceName" :value="item.dataSource">
                                     </el-option>
                                </el-select>
                             </el-form-item>
                        </el-col>
                         
                    </el-row>
                      <el-row>
            
                        <el-col :span="10">
                            <el-form-item label="合作伙伴" prop="cooperationCompany" style="width: 450px" >
                                <el-input  v-model="transferInfo.cooperationCompany" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"></el-input>
                            </el-form-item>
                        </el-col>
                       <el-col :span="10">
                            <el-form-item label="已充值金额" prop="sumAmt" style="width: 450px" >
                                <el-input  v-model.number="transferInfo.sumAmt" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"></el-input>
                               
                            </el-form-item>
                        </el-col>
                    </el-row>
                     <el-row>
                       <el-col :span="10">
                            <el-form-item label="本次充值金额" prop="advanceAmt" style="width: 450px" >
                                <el-input  v-model.number="transferInfo.advanceAmt"  type= "number" :maxlength="100" style="width: 300px" :disabled="flag=='view'"   @input="paymentChanges()"   ></el-input>
                            </el-form-item>
                       </el-col>

                        <el-col :span="10">
                            <el-form-item label="累计充值金额" prop="sumAdvanceAmt" style="width: 450px"  >
                                <el-input  v-model="transferInfo.sumAdvanceAmt" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"  ></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                       <el-col :span="10">
                            <el-form-item label="充值单据号" prop="receiptRecordNo" style="width: 450px">
                                <el-input  v-model="transferInfo.receiptRecordNo" :maxlength="100" style="width: 300px" :disabled="flag=='recharge'"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    
                    
                    <el-row>
                        <el-col align="center">
                       
                            <span v-if="flag=='recharge'||flag=='edit'?true:false">
                                <el-button type="primary" @click="checkRegisterSumbits('transferInfo')"  size="mini">提交</el-button>
                            </span>
                      
                            <span>
                                <el-button type="primary" @click="checkRegisterSumbitsDialog('transferInfo')" size="mini">返  回</el-button>
                            </span>
                        </el-col>
                    </el-row><br>
                </div>
            </el-form>
            <div v-if="flag=='recharge'">
            <el-table :data="dataDeatilForms" ref="dataDeatilForms" size="mini" height="180" stripe border highlight-current-row>
            	<el-table-column prop="receiptRecordNo" label="充值单据号" width="250px" :show-overflow-tooltip="true" ></el-table-column>
                <el-table-column prop="advanceStatus" label="状态" width="100px" align="center" :show-overflow-tooltip="true">
                <template slot-scope="scope">
                <span v-if="scope.row.advanceStatus == 'A'">充值新建</span>
                
                <span v-if="scope.row.advanceStatus == 'C'">充值待审核</span>
                <span v-if="scope.row.advanceStatus == 'D'">充值已审核</span>
               
                <span v-if="scope.row.advanceStatus == 'G'">充值审核退回</span>
                
                </template>
                </el-table-column>
                <el-table-column prop="receiptNo" label="预收余额单据号" width="250px" :show-overflow-tooltip="true" ></el-table-column>
                <el-table-column prop="advanceAmt" label="充值金额" width="125px" :show-overflow-tooltip="true" ></el-table-column>
                <el-table-column prop="advanceDate" label="充值日期" width="150px" :show-overflow-tooltip="true" ></el-table-column>
                <el-table-column prop="advanceTimes" label="充值次数" width="80px" :show-overflow-tooltip="true" ></el-table-column>
            </el-table>
            
            <el-row style="margin-top:2px">
                <el-col :span="14">
                    <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="pageSizes1"
                                    :current-page="checkNoForm.currentPage"
                                    :total="totalCount1" :page-size="checkNoForm.pageSize"
                                    @current-change="handleCurrentPageChange3" @size-change="handleSizeChange3">
                    </el-pagination>
                </el-col>
                <el-col :span="10" class="teal-rt">
                    <a id="exportWriteoffData" @click="alertWriteoffExport" class="margin-lr-10"><el-button type="primary" size="mini">导出</el-button></a>
                </el-col>
            </el-row>
       
            </div>
        </el-dialog>
rules_validate:{
                advanceType:[
                    {required: true, message: ' ', trigger: 'blur' }],
                advanceAmt:[
                    {required: true, message: ' ' },
                    {pattern: /^(0|[1-9]\d{0,7})(\.\d{1,2})?$/, message: '请输入合法的金额数字，最多两位小数' },
                    
                ],
                               
                bankAccountId:[
                    {required: true, message: ' ', trigger: 'blur' }],
                payerName:[ 
                    {required: true, message: ' ', trigger: 'blur' }],
                payBankNo:[
                    {required: true, message: ' ' },
                    {pattern: /^[+]{0,1}(\d+)$/, message: '请输入正确的账号' },],
                payTypeCode:[
                    {required: true, message: ' ', trigger: 'blur' }],
                payComfirmDateStr:[
                    {required: true, message: ' ', trigger: 'blur' }],
                cooperationCompany:[
                    {required: true, message: ' ', trigger: 'blur' }],
                dataSource:[
                    {required: true, message: ' ', trigger: 'blur' }],
                costCenterSegment:[
                    {required: true, message: ' ', trigger: 'blur' }],
            },

 

 

3.条件查询清除空格

 

   <el-col :span="6">
                        <el-form-item label="渠道" prop="dataSource">
                            <el-select v-model="queryForm.dataSource" filterable >
                                 <el-option label="请选择" value=""></el-option>
                                 <el-option v-for="item in netSourceOptions" :key="item.dataSource" :label="item.dataSourceName" :value="item.dataSource">
                                 </el-option>
                            </el-select>
                       </el-form-item>
                    </el-col>
                   
                    <el-col :span="10">
                        <el-form-item label="合作伙伴"  label-width = "20%" prop="cooperationCompany">
                            <el-input  v-model.trim="queryForm.cooperationCompany"  style="width:145px"></el-input>
                                  
                        </el-form-item>
                    </el-col>
                    <el-col :span="23" class="teal-rt">
                        <el-form-item>
                            <el-button type="primary" @click="query"  size="mini">查询</el-button>
                            <el-button type="primary" @click="clearForm('queryForm')" size="mini">重置</el-button>
                        </el-form-item>
                    </el-col>

 

weixin_41778291
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
金额校验-小程序输入框以及银行卡格式化-----小程序
qq_37058045的博客
08-13 591
模仿支付宝充值金额校验 纯数字键盘 小数点只能一个 保留后两位小数 第一个不能为点 js //金额输入框格式化 format(num) { var str = num; var len1 = str.substr(0, 1); var len2 = str.substr(1, 1); //如果第一位是0，第二位不是点，就用数字把点替换掉 ...
【项目】正则表达式--充值金额保留两位小数
冯浩月
11-23 1620
         前言 正则表达式判断 截取字符串的方式 小结 前言      小编在项目过程中，遇到了正则表达式，之前很少使用到正则表达式，这次遇到了，让自己是一顿好吸收和学习啊，经过实践，找到了两种方法实现“充值金额保留两位小数”的需求。 正则表达式判断     下面的方法，使用了isPint(str)的方法，通过正则表达式，进行充值金额的判断： //充值金额默认第一个值-...
input框内数字金额的相关正则表达式
a99101的博客
02-07 2351
input框内数字金额的相关正则表达式
前端Vue中常用rules校验规则
执行上下文的博客
11-14 1万+
前提 在 vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。 1、是否合法IP地址 export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); ...
表单验证：姓名、手机号、银行卡号、充值金额等正则判断
weixin_44110923的博客
07-15 1339
充值页面表单验证 包括：姓名、手机号、银行卡号、充值金额等正则判断 $('.c-button').click(function(){ var banksName=$('#banksName').val();//开户姓名 var banksTel=$('#banksTel').val();//手机号 var Money=$('#Money').val();//金额 var myreg...
input输入框输入金额校验
wl_Honest的博客
08-13 8108
价格输入框： &lt;input type="text" id="price" name="price" class="form-control"/&gt; js校验只能输入带两位小数的金额： $("#price").on('input propertychange',function(){ //如果输入非数字，则替换为'' this.value = this.value.
jQuery移动端金额充值表单代码
04-07
例如，当用户在输入框中输入充值金额时，jQuery可以实时检测并校验输入的数值是否合法，如是否为数字、是否超出设定范围等。 Bootstrap是目前最流行的前端开发框架，它提供了一套响应式布局、移动设备优先的Web开发...
android充值页面效果源码
11-15
- 使用XML布局文件来定义充值页面的UI结构，包括各种输入框（EditText）用于用户输入充值金额，选择框（Spinner）或RadioGroup用于选择充值方式。 - 考虑到Android设计指南，页面应遵循Material Design规范，确保...
易语言充值系统源码
01-02
客户端通常包括账户管理、选择充值方式、输入金额、确认支付等功能。易语言提供了丰富的控件和API，使得开发者可以快速构建出用户友好的界面。 3. **模块.e**：这是一个可复用的代码模块，可能包含了通用的功能或者...
Suvin:充值
03-29
8. **后端逻辑**：充值逻辑可能包括验证用户身份、校验充值金额、调用支付接口、更新账户余额等步骤，每个环节都需要仔细设计和测试。 9. **测试**：系统上线前应进行全面的测试，包括单元测试、集成测试和压力测试...
Net 点卡充值系统
02-28
同时，对用户输入进行校验，防止SQL注入等攻击；并定期进行安全审计，确保系统的稳定和安全。 6. **后台管理系统** 管理员后台是系统不可或缺的一部分，用于管理用户、监控交易、处理异常、查看统计报告等。后台应...
使用正则表达式处理金额
qq_42449963的博客
09-21 6679
一、支付宝开放平台的金额验证测试（别着急，慢慢看） 大家应该都知道支付宝开放平台上面有一个应用叫做“沙箱环境”，地址是：https://openhome.alipay.com/platform/appDaily.htm?tab=account，如果你没有登录的话，上面肯定会让你扫码登录，登录之后就可以看到“沙箱环境”了，上面可以对商户账号或者买家账号进行充值，它支持最多两位小数的充值金额，如果不符合要求就会抛出相应的提示，别着急看正则表达式结果，我来给大家演示一下人家支付宝是如何做该做操作的，测试情况如下所
element （随记）之 Form 组件通过 rules完成表单金额，整数 验证
呆萌小菜鸟的博客
11-05 779
随记总结
验证金额的正则表达式
SA
03-04 3410
整数位不限制，限制两位小数： (^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$) 整数位限制18位，限制两位小数： (^([0-9]{1,18})?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$) ...
正则表达式判断金额
weixin_30595035的博客
09-29 773
正则表达式判断金额 某些时候要用到判断是否输入的是金额，如果不是则不能输入其值，网上搜了一番，发现都非吾所愿 于是乎自动动手写一个，共享，可匹配0，0.00~9999999999.99， 直接上： ^([1-9]\d{0,9}|0)([.]?|(\.\d{1,2})?)$ 网上搜了很多都不好，要么还能输入000,00,要么还能输入09，0102等都不愿， 于是还是自己动手丰衣足食...
金额正则表达式
gylxxz86的专栏
03-29 1万+
输入金额的要求：整数位最多十位，小数为最多为两位，可以无小数位 正则表达式为： "^(([0-9]|([1-9][0-9]{0,9}))((\.[0-9]{1,2})?))$"
金额常见正则校验
weixin_34307464的博客
09-21 1万+
输入值只能为大于0或者正数，两位小数，其他符号不可输入。 1.运用简单正则 let reg =/(^[1-9]{1}[0-9]*$)|(^[0-9]*\.[0-9]{2}$)/; reg.test(vlue);复制代码 2.在vue2.0和vux组件情况下应用上面正则判断金额：不为空，并且只能为大于0或者正数，两位小数，其他符号不可输入 </template> <x-in...
金额的正则表达式
热门推荐
奈斯
05-20 2万+
private static final String AMT_REGEX = "^(([1-9][0-9]{0,14})|([0]{1})|(([0]\\.\\d{1,2}|[1-9][0-9]{0,14}\\.\\d{1,2})))$"; private static final String INPUT = "0.11"; public static void main(String ar...
正则表达式 金额校验
最新发布
08-29
在金额校验中，我们可以使用正则表达式来验证金额的合法性。根据提供的引用内容，以下是一些常用的金额校验的正则表达式及其解释： 1. 对于处理金额的正则表达式，可以使用以下表达式进行验证： ```javascript ^[1-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值