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

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

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

這是初始狀態(tài)

 

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

 

這個(gè)是超出的樣子

 

如果超出了點(diǎn)擊提交，會有紅色閃動(dòng)提示

 

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

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

復(fù)制代碼 代碼如下:

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

復(fù)制代碼 代碼如下:

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ā)布成功！');
}
});

復(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;
}

相關(guān)文章

  • Swiper.js實(shí)現(xiàn)移動(dòng)端元素左右滑動(dòng)

    Swiper.js實(shí)現(xiàn)移動(dòng)端元素左右滑動(dòng)

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

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

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

    JS控制對象移動(dòng)效果

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

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

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

    JQuery加載圖片自適應(yīng)固定大小的DIV

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

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

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

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

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

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

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

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

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

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

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

最新評論