input只输入数字和js校验是否输入框只有数字以及光标放输入框时,输入框里内容消失...

input只输入数字和js校验是否输入框只有数字以及光标放输入框时,输入框里内容消失

input框只能输入数字:

1 οnkeyup="value=value.replace(/[^\d]/g,'')"

js校验是否是纯数字

1 if(isNaN(bankAccountNo)){
2         displayTip($prompt, '银行卡号只能为纯数字,请重新输入');
3         return false;
4     }

用的是isNaN这个函数。

光标放输入框时,输入框里内容消失

标签处添加属性:

1 οnfοcus="myFocus(this)"

对它的js代码操作如下:

1 function myFocus(obj){
2 
3      obj.value=""; 
4 }

 

转载于:https://www.cnblogs.com/1987721594zy/p/9948182.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的 JavaScript 代码实现: ```javascript // 获取表单元素 const form = document.querySelector('#register-form'); const nameInput = document.querySelector('#name'); const originalPwdInput = document.querySelector('#original-pwd'); const newPwdInput = document.querySelector('#new-pwd'); const confirmPwdInput = document.querySelector('#confirm-pwd'); // 绑定表单提交事件 form.addEventListener('submit', function(event) { // 阻止表单默认提交行为 event.preventDefault(); // 校验所有的表单字段是否填写 if (nameInput.value.trim() === '' || originalPwdInput.value.trim() === '' || newPwdInput.value.trim() === '' || confirmPwdInput.value.trim() === '') { alert('请填写所有的表单字段'); return; } // 校验原密码是否正确 if (originalPwdInput.value.trim() !== getPinyin(nameInput.value.trim())) { alert('原密码错误'); originalPwdInput.focus(); return; } // 校验两次输入的密码是否一致 if (newPwdInput.value.trim() !== confirmPwdInput.value.trim()) { alert('两次输入的密码不一致'); newPwdInput.focus(); return; } // 提交表单 form.submit(); }); // 获取姓名的拼音 function getPinyin(name) { // 这可以调用你的获取拼音的函数 // 比如:return pinyin(name); } ``` 在代码中,我们首先获取了表单元素和各个表单字段的输入框元素,然后绑定了表单提交事件。在表单提交事件处理函数中,我们首先校验了所有的表单字段是否填写,如果有任何一个字段为空,则弹出提示并返回。接着,我们校验了原密码是否正确,如果不正确,则弹出提示,并将光标定位在原密码输入框中。最后,我们校验了两次输入的新密码是否一致,如果不一致,则弹出提示,并将光标定位在第一次密码输入框中。如果所有的校验都通过,则提交表单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值