input-text

需求：不能输入汉字，在input的type为text时，jQuery的val值是可以获取到的，这时可以利用keyup事件，当获取到的值为非数字时，直接将输入框清空，这样可以实现禁止输入汉字之类的非法字符

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/><meta name="format-detection" content="telephone=no"><script src="jquery-3.2.1.js"></script>
</head>
<body><input type="text" placeholder="自定义" class="user-define-money" id="define-money" /><button class="btn-test">test</button><script>$("#define-money").keyup(function(){$("input").css("background-color","pink");if(isNaN($('.user-define-money').val())){$('.user-define-money').val("");}});$(".btn-test").on('click',function(e){console.log($('.user-define-money').val())console.log($('.user-define-money')[0].value);var userValue =$('.user-define-money').val();if(userValue ==""){if($('.user-define-money')[0].validationMessage){alert("格式不正确");$('.user-define-money').val("");return ;}else{alert("不能为空");$('.user-define-money').val("");return ;}}if(/^\d+(\.)?$/.test(userValue)){userValue = userValue.split(".")[0];}if(/^0\d+?/.test(userValue)){alert("格式不正确");$('.user-define-money').val("");return ;}if(userValue==''||userValue==undefined){alert("不能为空");return;}else if(isNaN(userValue)||userValue==0){alert("格式不正确");$('.user-define-money').val("");return ;} else if(checkUserDefined(userValue)){money = userValue;}else{alert("格式不正确");$('.user-define-money').val("");return ;}})function checkUserDefined(value){if(!isNaN(value) && /^\d+(\.\d{1,2}|\.)?$/.test(value)){//这里的判断是控制非数字和小数点最多两位的if(value.indexOf(".")==-1 && value.length<9){//这里的判断是输入没有小数点且长度最大为8,符合条件return true;}else if(value.indexOf(".")!==-1 && value.length<=9){//这里的判断是输入有小数点且长度最大为8,符合条件return true;}else{//剩下的就是不符合条件return false;}}else{//这里也是不符合条件return false;}}</script>
</body>
</html>

转载于:https://www.cnblogs.com/haimengqingyuan/p/8570334.html

input-text相关推荐

adb 输入很长的内容 (input text) 在模拟机输入框里面快速输入内容
有时候需要在模拟机上面输入很长的内容来测试, 可以使用input text xx 来输入步骤1 adb shell 步骤2 input text xxxxxxxx 注意:需要先清理模拟输入框里面的内 ...
html:text中readonly,HTML Input Text readOnly用法及代码示例
HTML DOM中的Input Text readOnly属性用于设置或返回文本字段是否应为只读.这意味着用户无法修改或更改特定元素中已经存在的内容(但是,用户可以对其进行制表,突出显示并从中复制文本 ...
adb shell input text 完美支持中文输入
adb 默认是不支持Unicode编码的,无法通过adb shell input text 命令输入中文到手机或模拟器解决中文输入还得感谢老外写了一个输入法,源码地址:https://github ...
ahjesus 获取div编辑框，textarea，input text的光标位置兼容IE，FF和Chrome
ahjesus 返回光标位置兼容IE,FF和Chrome, 说明更新(2013-04-24){ 今天收到反馈说这个例子没作用了,经过查证测试发现是因为使用的jquery的版本过高引起的 $(eleme ...
html中text的maxlength,HTML Input Text maxLength用法及代码示例
HTML DOM中的DOM输入文本maxLength属性用于设置或返回文本输入字段的maxlength属性值.它指定了文本字段中允许的最大字符数.输入电子邮件的maxLength属性的默认值为5242 ...
html input placeholder,HTML Input Text placeholder用法及代码示例
HTML DOM中的Input Text Placeholder属性用于设置或返回文本字段的placeholder属性的值.占位符属性指定描述输入字段的期望值的简短提示.在用户输入值之前,该字段会显示 ...
文本框input:text
文本框 CreateTime--2017年4月24日10:40:40 Author:Marydon 一.文本框 (一)标签 <input type="text"/> ( ...
html 单行文本(input text)
<input> 元素的text 类型创建基础的单行文本框. 属性描述 name DOMString 表单提交时的key value DOMString 表单提交时的key或后端传递的值( ...
vue 表单 input text
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
input text 输入即可识别
HTML <input id="Titlename" style="width: 45%;margin-left: 10px;" type="t ...

input-text

input-text相关推荐

最新文章

热门文章