HTML 杂记

354 阅读1分钟

html input 只允许输入数字,且maxlength为16(在移动端键盘无效)

html
<input type="number" id="chargeInput" name="chcode" value="" maxlength="16" 
   oninput="if(value.length>16)value=value.slice(0,16)" 
   onkeydown="if(event.keyCode==13)event.keyCode=9" 
   onKeypress="if((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" >

html input 只允许输入数字,且maxlength为16(兼容在移动端键盘)

 <input type="text" id="chargeInput" name="chcode" class="input chargeInput" placeholder="请输入设备号" value="" 
    maxlength="16" oninput="if(value.length>16)value=value.slice(0,16)"
    onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/">

html input 只允许输入数字和小数点,精确度为2

注:type需要为text,如果为number,则表现不佳;在遇到非法输入(中文,多小数点),会清空所有输入

 <input style="width: 33%;" class="weui-input" type="text"
      maxlength="6" name="pay1" oninput="if(value.length > 6)value=value.slice(0,6)" 
      onkeyup= "if( ! /^-?\d+\.?\d{0,2}$/.test(this.value)){value=value.replace(this.value,'');}" />

Canvas的简单使用技巧

  1. 若要设置宽高,必须使用widthheight属性,而不能使用style来设置
  2. 可以通过在window.load时来配置
  window.onload = function () {
      var box = document.getElementById("box");
      var canvas = document.createElement("canvas");
      canvas.id = "canvas";
      box.appendChild(canvas);

      //设置宽高一定要在canvas节点添加之后
      document.getElementById("canvas").width = 225;
      document.getElementById("canvas").height = 225;
  }

jquery Ajax 使用问题

浏览器返回200, $.ajax 但不执行success的原因

1. 一般是由于dataType所写的格式和后台返回的不一致(如果为json格式,那后台返回的json必须严格符合json的标准定义)
2. 请求跨域
3. 像我一样,没有仔细查看jq的[文档](http://www.w3school.com.cn/jquery/ajax_ajax.asp#dataType)...把 datatype:'json' 写成了 ~~datatype: 'application/json'~~的

一个bug——js文件名和内部方法名相同

此时,在安卓上不会有问题,但是在苹果手机上,会出现加载出 /xx/[object object]的情况!!!,并且网页会跳转提示一个错误页面:找不到该/xx/[object object]的资源