/* 判断是否为16进制 */
function checkhex(hex) {var hexvalue = hex.value;console.log(hexvalue);var reghex = /^[A-Fa-f0-9]{1,4}$/;var label = hex.parentElement.getElementsByClassName("error")[0];if (reghex.test(hexvalue)) {console.log(true);label.textContent = "✔"return true;} else {console.log(false);label.textContent = "请输入正确的16进制"return false;}}/* 判断是否为十进制 */
function checkdec(dec) {var decvalue = dec.value;console.log(decvalue);var regdec = /^-{0,1}\d*\.{0,1}\d+$/;var label = dec.parentElement.getElementsByClassName("error")[0];if (regdec.test(decvalue)) {console.log(true);label.textContent = "✔"return true;} else {console.log(false);label.textContent = "请输入正确的十进制"return false;}}
<div>
<input type="text" onkeyup="checkhex(this)">
<i class="error" style="color: red;"></i>
</div><div>
<input type="text" onkeyup="checkhex(this)">
<i class="error" style="color: red;"></i>
</div>

我是使用正则表达式进行判断的,onkeyup是在键盘按键松开时就执行函数。贴上效果图

其中

<input type="text" onkeyup="checkhex(this)">

checkhex(this)函数则是表示当前元素为参数,即input元素,把当前参数传到js函数中,而

 var hexvalue = hex.value;

中的hex.value则是在input中输入的文本值,执行

console.log(hex)var hexvalue = hex.value;

var label = hex.parentElement.getElementsByClassName("error")[0];

中,parentElement表示父元素,该句代码含义为把hex,即input元素的父元素即div下获取第0个class名称为error的元素。

新手第一次写,如有理解错误,可以在评论区多多讨论

js验证16进制和十进制相关推荐

  1. js将16进制颜色转换成RGB格式

    js代码如下: function hexToRgb(hex) {     var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(h ...

  2. JS 颜色16进制转rgb,rbg转16进制

    JS实现颜色值格式转换 rgb和十六进制的转换 [16进制转换为RGB ] 16进制一般有3位或者6位,如果为3位的话,需要补齐为6位 set16ToRgb(str){var reg = /^#([0 ...

  3. python 16进制转十进制

    10进制转16进制: hex(16) ==> 0x10 16进制转10进制: int('0x10', 16) ==> 16

  4. js 颜色16进制转RGB方法

    //颜色16进制转RGB方法 String.prototype.colorRgb = function(){var sColor = this.toLowerCase();//十六进制颜色值的正则表达 ...

  5. js处理16进制hex转str出现的中文乱码问题

    昨天從FB下載了一份包含所有對話紀錄的JSON檔,但裡面的中文字編碼有問題,通通變成下面這個樣子 "\u00e7\u0094\u009f\u00e6\u0097\u00a5" 本來 ...

  6. java 16进制转换十进制,Double、Int整型

    import org.apache.commons.lang3.StringUtils;import java.io.UnsupportedEncodingException; import java ...

  7. python十进制单精度浮点(float)转16位16进制(FP16 hex)

    python十进制单精度浮点(float)转16位16进制(FP16 hex) 目的 将神经网络权重存放到FPGA内部需要将可训练参数从float转换到FP16 hex. Code # tt.py i ...

  8. JavaScript的16进制转10进制

    JavaScript的16进制转10进制 JavaScript的16进制转10进制 JavaScript的16进制转10进制 <!doctype html> <html lang=& ...

  9. C#下2\10\16进制互转代码总汇

    1.十进制转换其他:Convert.ToString(十进制数字, 2|8|16进制模式) //十进制转二进制 Convert.ToString(69, 2); //十进制转八进制 Convert.T ...

最新文章

  1. kendoui仪表盘和柱状图 示例
  2. 第三十三讲:tapestry表单组件详解之Label
  3. echo(),print(),print_r(),var_dump()的区别
  4. python字符串批量替换、修改多个字符的方法实例
  5. 高薪必备|Redis 基础、高级特性与性能调优
  6. 图解TCPIP-IP 网际协议-IP地址(网络层)
  7. oracle 已知表名查询所属的schema_sql注入联合查询总结
  8. CodeQL自动化代码审计工具
  9. 统计分析——假设检验、中心极限定理
  10. [c++]数组的逆输出
  11. 达梦数据库大量Failure occurs in data_recv_inet_once告警
  12. 电脑系统故障维修,系统C盘满了怎么办?教你c盘清理方法
  13. Java多用户商城源码/单商户商城系统源码
  14. 人参果水果宣传文案模版,水果店文案人参果
  15. 【UE】Slate编辑器动态添加Button
  16. 【艾琪出品】《计算机应用基础》【试题汇总1】
  17. LC振荡电路 频域计算
  18. arcgis flex api 由于沙箱安全的原因 无法显示地图 的解决办法
  19. 秘技·真·一键卸载JDK,刷新你的的世界观!
  20. 给孩子积极心理暗示的语句实操

热门文章

  1. Animate中如何创建辅助线
  2. JAVA程序员技术栈、业务栈、工具栈
  3. mybatis-plus 存储布尔值true、false
  4. 普通键盘这么修改就和mac一样的键盘
  5. 关键词查询优惠券列表接口,拼多多超级搜索接口
  6. Alpha_Beta 剪枝
  7. Linux 中的调试器——gdb的基本调试命令打字练习
  8. VMware vSAN超融合系列之一:入门介绍
  9. 智慧学习环境中的认知负荷问题
  10. C51单片机——温度传感器