js如何判斷輸入字符串長度
更新時間：2015年12月16日 09:00:08 投稿：lijiao
這篇文章主要介紹了js判斷輸入字符串長度，漢字算兩個字符，字母數(shù)字算一個，感興趣的小伙伴們可以參考一下
js判斷輸入字符串長度（漢字算兩個字符，字母數(shù)字算一個）
文本輸入時，由于數(shù)據(jù)庫表字段長度限制會導致提交失敗，因此想到了此方法驗證。
廢話不多說上代碼：
<html>
<head>
<title>js判斷輸入字符串長度（漢字算兩個字符，字母數(shù)字算一個）</title>
<style type="text/css">
.pbt {
margin-bottom: 10px;
}
.ie6 .pbt .ftid a, .ie7 .pbt .ftid a {
margin-top: 1px;
}
.cl:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
</style>
<script type="text/javascript">
//獲取字符串長度（漢字算兩個字符，字母數(shù)字算一個）
function getByteLen(val) {
var len = 0;
for (var i = 0; i < val.length; i++) {
var a = val.charAt(i);
if (a.match(/[^\x00-\xff]/ig) != null) {
len += 2;
}
else {
len += 1;
}
}
return len;
}
// 只要鍵盤一抬起就驗證編輯框中的文字長度，最大字符長度可以根據(jù)需要設定
function checkLength(obj) {
var maxChars = 80;//最多字符數(shù)
var curr = maxChars - getByteLen(obj.value);
if (curr > 0) {
document.getElementById("checklen").innerHTML = curr.toString();
} else {
document.getElementById("checklen").innerHTML = '0';
document.getElementById("subject").readOnly = true;
}
}
</script>
</head>
<body>
<div class="pbt cl">
<textarea id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
<span id="subjectchk">還可輸入
<strong id="checklen" style="color: #FF0000">80</strong>
個字符
</span>
<span id="postNameRule" class="spn_flag_1" style="display: none"></span>
</div>
</body>
</html>
以上就是js判斷輸入字符串長度的方法，希望對大家的學習有所幫助，學會如何判斷輸入字符串長度。
相關文章
BOM全稱是brower object model(瀏覽器對象模型)，主要用于管理窗口及窗口間的通訊，其核心對象是window。說窗口，可能并不準確。因為，有的瀏覽器窗口可能包含多個標簽頁，每個標簽頁都有自己的window對象。本文將詳細介紹這些內容，有需要可以參考學習。2016-08-08
在javascript中使用com組件的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄趈avascript中使用com組件的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-08-08
Javascript中內建函數(shù)reduce的應用詳解
內建函數(shù)其實就是內置函數(shù),reduce函數(shù)是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法。在平時的工作中，相信大家使用的場景并不多，這篇文章給大家詳細介紹了函數(shù)reduce的應用以及多重疊加，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
微信小程序使用map組件實現(xiàn)路線規(guī)劃功能示例
這篇文章主要介紹了微信小程序使用map組件實現(xiàn)路線規(guī)劃功能,結合具體實例形式分析了微信小程序基于map組件的地理位置獲取、路徑規(guī)劃等相關操作技巧,需要的朋友可以參考下2019-01-01
據(jù)說，對于網(wǎng)頁開發(fā)人員來說，F(xiàn)irebug是Firefox瀏覽器中最好的插件之一。2010-08-08
slice()方法和splice()方法都是原生js中對數(shù)組操作的方法。那么他兩種有什么區(qū)別呢？今天通過本文教程給大家簡單介紹下,需要的朋友可以參考下2017-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)模擬購物商城案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了D3.js 實現(xiàn)帶伸縮時間軸拓撲圖的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01
這篇文章主要介紹了JS簡單驗證上傳文件類型的方法,涉及javascript文件遍歷及字符串截取、匹配等相關操作技巧,需要的朋友可以參考下2017-04-04
layui實現(xiàn)動態(tài)和靜態(tài)分頁
本篇文章通過實例給大家分享了layui實現(xiàn)動態(tài)和靜態(tài)分頁的詳細方法，以及效果展示，有需要的朋友可以跟著參考學習下。2018-04-04