江苏福彩快三:Jquery循环截取字符串的方法,j

作者:江苏福彩快三计算机网络

本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下。

方法一:

代码很简介,功能也很简单,但是却很实用,这里就不细说明了直接上代码

如下所示:

本文实例讲述了Jquery动态添加输入框的方法。分享给大家供大家参考。具体实现方法如下:

HTML部分:

$(document).ready(function () {
      var tempStr = "abcdefg我们都是好孩子";
      var pattern_char = /[a-zA-Z]/g;
      var pattern_chin = /[u4e00-u9fa5]/g;
      var count_char = tempStr.match(pattern_char).length;
      var count_chin = tempStr.match(pattern_chin).length;
      alert(count_char   '_'   count_chin);//7-7
    });

jQuery代码:

$('a[rev="title"]').each(function () {

  var u = $.trim($(this).html());
  $(this).html(SetSub(u, 10))
});



SetSub相当于substr
<!-- 页头 --> 
<#include "../common/head.ftl"> 
<div id="onFailureDiv" class="alert alert-danger navbar-fixed-top" style="text-align:center; display:none"></div> 
<div class="container" style="min-height:100%; height:100%;margin-top:100px;"> 
<form id="addressForm" class="form-horizontal" method="post" action="/restaurant/${(user.userId)}/addAddress"> 
  <div class="form-group dynamic-collection" id="course-goals-form-group"> 
  <div class="col-md-2 control-label"><label>地址</label></div> 
  <div class="col-md-8 controls"> 
   <ul id="ItemCourseList" class="list-group sortable-list" data-role="list" style="margin-bottom:10px;"></ul> 
   <div class="input-group"> 
   <input id="courseInput" type="text" data-role="item-input" class="form-control"> 

    <button id="addItemCourse" class="btn btn-default" type="button" data-role="item-add" >添加</button> 

   </div> 
  </div> 
  </div> 
 </form>  
<!-- container --> 
</div> 
<script type="text/javascript" src="${app.basePath}/resources/js/jquery.form.js"></script> 
<script> 
 $.schoolFn = { 
 addCourseItem: function(obj){ 
  $("#ItemCourseList").append("<li class='list-group-item clearfix'>" obj "<input type='hidden' name='goals' value='" obj "'><button type='button' class='close delete-btn deleteItem' onclick='deleteCourseItem(this);' title='删除'>×</button></li>"); 
 }, 
 addItem: function(obj){ 
  $("#itemList").append("<li class='list-group-item clearfix'>" obj "<input type='hidden' name='audiences' value='" obj "'><button type='button' class='close delete-btn deleteItem' onclick='deleteItem(this);' title='删除'>×</button></li>"); 
 }, 
 } 
 $("#addItemCourse").click(function(){ 
  var item=$('#courseInput').val(); 
  if(item.trim()==""){ 
  $('#courseInput').val(""); 
  }else{ 
  $.schoolFn.addCourseItem(item); 
  $('#courseInput').val(""); 
  } 
 }); 
 function deleteCourseItem(obj){ 
  $(obj).parent().replaceWith(""); 
 } 
</script> 
<script> 
 $(document).ready(function(){ 
  $('#addressForm').ajaxForm(function(json) { 
   if(json.status == "success") { 
    $("#onFailureDiv").html("添加成功").slideDown().delay(3000).hide(1000); 
   }else { 
    $("#onFailureDiv").html(json.errorMsg).slideDown().delay(3000).hide(1000); 
   } 
  }); 
 }); 
</script> 
<!-- 页脚 --> 
<#include "../common/footer.ftl"/>
<input type="text" value="我是输入的文字" maxlength="10" id="detail1"/>
<p>0/10</p>
<textarea placeholder="最多输入100字" rows="3" maxlength="100" class="editDetail" id="detail2" >呵呵</textarea>
<p>0/100</p>

方法二:

复制代码 代码如下:

以上这篇Jquery循环截取字符串的方法(多出的字符串处理成"...")就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

效果图如下:

本文由江苏福彩快三发布,转载请注明来源

关键词: 江苏福彩快三