前端input的一些数据验证

博客讨论了在前端HTML页面中进行输入验证的方法,强调了不允许输入字母或中文,限制输入为两位小数的非负数,并指出当前实现存在允许某些特殊字符输入的问题。作者希望找到不使用jest的纯HTML验证解决方案。
摘要由CSDN通过智能技术生成
  1. 非空验证
  2. 不能输入字母或者中文(只能输入数字)
  3. 最多输入两位小数(非负数)

这是我写在前端HTML页面的input里的内容:【

<ng-template pTemplate="input">

        <input pInputText type="text" [(ngModel)]="rowData[col.field]" 

        required="required"//非空

        placeholder="Can't be empty!"//当为空的时候的提示语句

        οninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value.slice(0,24).replace(/[^0-9.]/g,'')">

//最多输入小数点两位,我期望的是只能输入数字,但是我验证了下,+-不能输入,但是可以输入一些标点符号。

</ng-template>】

注:我百度发现有很多方法可以实现这些验证,但是我不想写jest,就把这些验证都放在HTML里,可能有一些问题,如果有更好的写法,我知道后会继续修改。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值