欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

仿微博字符限制效果實現(xiàn)代碼

 更新時間：2012年04月20日 01:03:39   作者：  
字符限制公司項目中有個這樣的東西，大家用微博的都明白哈

這是初始狀態(tài)

 

輸入文字變成這樣，這里會區(qū)分圓角半角，2個半角的文字算一個。

 

這個是超出的樣子

 

如果超出了點擊提交，會有紅色閃動提示

 

好了，效果就是這樣子，都是js的。。用的話，記得加個jq文件過來。。

這里是超出只有提示，還可以超出以后截掉多余的。。不過公司項目不用，說是體驗不好~~~

復制代碼 代碼如下:

var oH2 = $("#spetit_word");//提示文字
var oTextarea = $("#p_qa_content");//輸入框
var oButton = $("#bt-ico");//按鈕

復制代碼 代碼如下:

oTextarea.live("keyup", function () {
Limit(oTextarea, 280, oH2);
})
oButton.live("click", function () {
if (font_count < 0 || font_count == null || font_count == 140) {
Error(oTextarea);
} else {
alert('發(fā)布成功！');
}
});

復制代碼 代碼如下:

var font_count;

function WordLength(obj) {
var oVal = obj.val();
var oValLength = 0;
oVal.replace(/\n*\s*/, '') == '' ? oValLength = 0 : oValLength = oVal.match(/[^ -~]/g) == null ? oVal.length : oVal.length + oVal.match(/[^ -~]/g).length;
return oValLength
}
function Error(obj) {
var oTimer = null;
var i = 0;
oTimer = setInterval(function () {
i++;
i == 5 ? clearInterval(oTimer) : (i % 2 == 0 ? obj.css("background-color", "#ffffff") : obj.css("background-color", "#ffd4d4"));
}, 100);
}
//obj-要檢查的輸入框, iNow-多少字, tit-提示框
function Limit(obj, iNow, tit) {
var oValLength = WordLength(obj);
font_count = Math.floor((iNow - oValLength) / 2);
if (font_count >= 0) {
tit.html("你還可以輸入<strong>" + font_count + "</strong>字");
return true;
} else {
tit.html("已超出<strong style='color:red'>" + Math.abs(font_count) + "</strong>字");
return false;
}
return font_count;
}

相關文章

  • Swiper.js實現(xiàn)移動端元素左右滑動

    Swiper.js實現(xiàn)移動端元素左右滑動

    這篇文章主要為大家詳細介紹了Swiper.js實現(xiàn)移動端元素左右滑動 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-09-09
  • JS實現(xiàn)可改變列寬的table實例

    JS實現(xiàn)可改變列寬的table實例

    本文為大家詳細介紹下通過JS實現(xiàn)可改變列寬的table，具體的思路及代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
    2013-07-07
  • JS控制對象移動效果

    JS控制對象移動效果

    用js實現(xiàn)對象的移動，不錯的應用
    2008-09-09
  • JavaScript使用AOP編程思想實現(xiàn)監(jiān)聽HTTP請求

    JavaScript使用AOP編程思想實現(xiàn)監(jiān)聽HTTP請求

    這篇文章主要為大家詳細介紹了如何在JavaScript使用AOP編程思想實現(xiàn)監(jiān)聽HTTP請求,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-02-02
  • JQuery加載圖片自適應固定大小的DIV

    JQuery加載圖片自適應固定大小的DIV

    在固定大小的div中放置一個圖片，當圖片較小時顯示實際大小，當圖片超過div大小時圖片 自動適應div 的大小，實現(xiàn)思路如下，感興趣的朋友可以了解下
    2013-09-09
  • JS限制文本框只能輸入數(shù)字和字母方法

    JS限制文本框只能輸入數(shù)字和字母方法

    這篇文章主要介紹了JS限制文本框只能輸入數(shù)字和字母方法,本文給出了限制只能輸入數(shù)字、限制只能輸入字母、限制只能輸入數(shù)字和字母3種腳本,需要的朋友可以參考下
    2015-02-02
  • JavaScript實現(xiàn)商品放大鏡效果

    JavaScript實現(xiàn)商品放大鏡效果

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)商品放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-10-10
  • JavaScript實現(xiàn)列表分頁功能特效

    JavaScript實現(xiàn)列表分頁功能特效

    最近在做一個小項目，有時需要制作靜態(tài)頁面網(wǎng)站，而一旦涉及到文章的分頁，實現(xiàn)起來非常麻煩，自己又剛?cè)腴T，對js不是很熟悉，所以就拿來練練手。
    2015-05-05
  • layui之數(shù)據(jù)表格--與后臺交互獲取數(shù)據(jù)的方法

    layui之數(shù)據(jù)表格--與后臺交互獲取數(shù)據(jù)的方法

    今天小編就為大家分享一篇layui之數(shù)據(jù)表格--與后臺交互獲取數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 基于JavaScript實現(xiàn)瀏覽器添加收藏功能

    基于JavaScript實現(xiàn)瀏覽器添加收藏功能

    今天搞項目的時候為了實現(xiàn)瀏覽者實現(xiàn)添加收藏的功能，特地了解了一下相關的API，整理了一段代碼幫助大家實現(xiàn)瀏覽器添加收藏功能，感興趣的朋友跟隨小編一起看看吧
    2023-02-02

最新評論