关于前端方法的总结及记录

由于本人新手，所以本文档记录一下，在前端的小知识点总结

1、input标签中禁止输入空格

onkeyup="this.value=this.value.replace(/\s+/g,'')"

2、关于C标签的if else

     这个真没有，可以使用choose方式取代，不过还是C标签

<c:choose>
    <c:when test="${isAdmin == 1 }">
             //管理员是1的情况             	
    </c:when>
    <c:otherwise>
            //管理员除1以外的情况                 	 		
    </c:otherwise>
</c:choose>

3、禁止输入中文

onkeyup="value=value.replace(/[\W]/g,'') "

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

4、禁止输入中文和空格

    这个没有onkeyup方法，本人的正则表达式不行，所以只能使用js的方法，如果你onkeyup方法的话，请在评价区留下

$('#url').on('keyup change', function () {  
	var that = $(this);  
	var val = that.val();  
	var temp = ""   
	for(var i = 0; i < val.length; i++) {  
	    var r = val.charCodeAt(i);  
	    if (r > 0 && r < 255 && r !== 32) {  
		temp += val.charAt(i)   
	      }  
	 }  
	 that.val(temp);    
});  

5、在input中使用日期，新增时显示日期，编辑时显示已有日期

   a、引入c标签和fmt标签

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

    b、代码如下

<input class="Wdate input100" id="entryTime" name="entryTime" type="text"
 onfocus="WdatePicker({lang:'zh-cn',isShowClear:true,readOnly:true,dateFmt:'yyyy-MM-dd'})"
											<c:if test="${userInfo.id == null }">
  value="<fmt:formatDate value="<%= new java.util.Date() %>" pattern="yyyy-MM-dd" />" </c:if>
<c:if test="${userInfo.id != null }">
  value="<fmt:formatDate value="${userInfo.entryTime }" pattern="yyyy-MM-dd" />" 
</c:if>
readonly="readonly">

6、实现输入框只能输入正整数，输入同时禁止了以0开始的数字输入

<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">

 7、关于eclipse重启或异常关闭后8080（指定）端口被占用的解决办法

      a、netstat -ano | findstr 8080（指定） --------  查出被占用的进程

      b、taskkill -pid 2222 -f   -------    “2222” 为进程pid  如果有多个进程占用，就重复执行

8、设置select不可编辑

     在 select 设置disabled="disabled" 不可以在 option中设置

9、在列表下拉联动时bootstrap-select  selectpicker清空重置问题

$("#storeId").bind("change", function() {
      $('#parentId').selectpicker('val',['']);//回到初始状态
      var storeId = $("#storeId").val();
      $("#parentId").html("");//清空重置
      $("#parentId").append('<option value="">请选择</option>');
      $.ajax({
	type : "POST",//方法类型
	dataType : "json",//预期服务器返回的数据类型
	url : '/dictionaryInfo/getDictionaryInfoAll',//url
	data : {
	    storeId:storeId
	},
	async : false,
	success : function(result) {
	    if (result.statusCode == 200) {
		for(var i = 0; i < result.data.length; i++) {
		    var item = result.data[i];
		    var optionStr = '<option value="'+item.id+'">' + item.name + '</option>';
		    $('#parentId').append(optionStr);
		    $('#parentId').selectpicker('refresh'); //关键代码，，执行刷新操作
		}
	     } else {
		    
	     }
	},
	error : function() {
		
	}
    });
});

    总结下，就两点  a、$("#parentId").html("");//清空重置   b、$('#parentId').selectpicker('refresh');//刷新，重新绘制UI