1. 程式人生 > >input文字框輸入長度做限制

input文字框輸入長度做限制

比如一個文字框:

<tr>
    <th>
        任務名稱
    </th>
    <td>
        <input type="text" name="name" class="easyui-validatebox"  onkeyup="checkLen2(this)" maxlength="30"
            data-options="required:true" width="100px" />  
        <font color="#C0C0C0">限輸入30個漢字包括標點</font
>
</td> </tr>

js方法:

<script type="text/javascript">
function checkLen2(obj){
    var maxChars = 30;//最多字元數
    if (obj.value.length > maxChars){
        alert("最多輸入30個字元,現已超出限制,自動擷取前30個字元!");
        obj.value = obj.value.substring(0,maxChars);
    }
}   
function checkLen3(obj)
{
var maxChars = 50;//最多字元數 if (obj.value.length > maxChars){ alert("最多輸入50字元,現已超出限制,自動擷取前50個字元!"); obj.value = obj.value.substring(0,maxChars); } }
</script>

文字域限制長度:

用onkeyUp方法就可以了

<tr>
    <th>
        失敗簡訊語
    </th>
    <td colspan="3">
        <textarea
rows="3" cols="67" name="failedContet" class="easyui-validatebox" onKeyUp="if(this.value.length>500) this.value=this.value.substr(0,250)" maxlength="250">
</textarea> <font color="#C0C0C0">限輸入250個漢字包括標點</font> </td> </tr>

相關推薦

input文字輸入長度限制

比如一個文字框: <tr> <th> 任務名稱 </th> <td> <input t

禁止input文字輸入實現屬性

今天想總結幾個很有用的html標籤,開發中經常用到,不熟悉的人可能還真不太清楚,分別是: 複製程式碼程式碼如下: readonly、disabled、autocomplete readonly表示此域的值不可修改,僅可與 type="text" 配合使用,可複製,可選擇,可以接收焦點,後臺會接收到傳

JS驗證文字字數並限制和提示

效果如圖;解決輸入時拼音長度也算字串長度的問題。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor

input框限制只能輸入正整數,邏輯與和或運算 有時需要限制文字框輸入內容的型別,本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼

有時需要限制文字框輸入內容的型別,本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^

限制文字輸入

$(".DingJing input").keyup(function () { // 當前輸入檢查 var c = $(this).val(); //判斷是否有小數點 if(c.ind

input文字 滑鼠點選預設消失,不輸入離開滑鼠恢復預設值

需要使用js進行處理 onfocus="if(value=='初始值'){value=''}"   onblur="if(value==''){value='初始值'}"   例子:給新增頁面賦予初始值0,點選後0消失,無須把0刪除,能正常填寫內容 &n

Ext.Net/ExtJs:關於TextField控制元件內size、maxLength控制文字輸入字元長度屬性失效問題分析以及解決方案

今天發現這樣一個關於Ext.Net內TextField文字框設定屬性MaxLength、Size、MaxLengthText均失效問題,設定了此屬性,依然可以無限制地輸入文字資訊。無奈之餘,網上搜索

input文字 滑鼠點選預設值消失,不輸入離開滑鼠恢復預設值

1.input: <input name="textfield" type="text" value="點選添入標題" onfocus="if (value =='點選添入標題'){value

QT文字輸入限制setValidator

設定正則表示式.類似下面的QRegExp 這裡的用法就是用來檢測QString等字串錯誤的,例如檔名裡面最好就不出現<>|/\:等,所以可以如下定義QRegExp rx("[a-zA-Z0-9\-\\\_]{25}"); 25就是所輸入的字串個數!a-z當然就是

分享一個只能在input文字輸入正負整數的正則表示式

<input type="text"  onkeyup="if(value.length==1){value=value.replace(/[^(\-?)\d+]/ig,'')}else{value=value.

判斷input文字獲取焦點和失去焦點

<!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>判斷input文字框

js將字串作為函式名呼叫,實現input文字等form表單元素回車鍵統一事件響應

  通過給文字框<input enterKey=“fnName” />設定enterKey=“fnName”,頁面載入完後會自動繫結input的keydown事件,捕捉到回車鍵則呼叫fnName函式,如select等其它form元素也可以。要實現form表單元素回車鍵統一事件響應

HTML input文字賦值隨機字串 JS指令碼

<input type="text" id="sj" name="way" class="am-form-field am-radius" required="required" placeholder="例如:6324upup" readonly /> <scrip

【前端】監聽文字輸入的字元數量

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

判斷文字輸入的內容是否為數字

驗證數字的正則表示式: "^\\d+$"          //非負整數(正整數 + 0)  "^[0-9]*[1-9][0-9]*$"    //正整數  "^((-\\d+)|(0+))$"     //非正整數(負整數 + 0)  "^-[0-9]*[1-9][

使用jquery實現文字輸入特效:文字逐個顯示逐個消失反覆迴圈

        前兩天看到某個網站上的輸入框有個小特效:文字逐個顯示,並且到字串最大長度後,逐個消失,然後重新迴圈顯示消失,迴圈顯示字串陣列。我對這個小特效有點好奇,於是今天自己嘗試用jquery寫一個簡單的小demo,終於把效果整出來了。首先看一下實現後的效果:

Android 提示資訊在文字輸入後消失

接上一篇接著寫文字監聽事件 上圖 沒錯,是之前的圖,還是之前的方法,只不過,這次不在afterTextChanged()裡面寫了,這次在onTextChanged()裡面寫,表示文字框正在改變時的監聽。 在文字框未輸入時,提示資訊存在,當文字框輸入時,提示資訊消失,我就寫了對第一個

jQuery根據文字輸入實時模糊查詢全詞匹配 ,ajax非同步查詢

/* ***人員檢索start (ajax實時後臺獲取最新資料) */     //按姓名檢索 /* function submitForm_serch() { var devicdids = $("#deviceid").val(); var search_roles=$("#Poli

使input文字不可編輯的3種方法

nput文字框不可編輯的3種方法: disabled 屬性規定應該禁用 input 元素,被禁用的 input 元素,不可編輯,不可複製,不可選擇,不能接收焦點,後臺也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與 一起使用。 示例:

jquery 動態新增、按順序新增input文字並且實現刪除操作

1.先來一張圖來告訴我們今天要實現什麼藍色加號按鈕點選就會動態新增一行“發明人N姓名”和“發明人N排名” 的input文字框還有圖片”“  點選藍色按鈕減號就會減少相對應的那一行還有索引也會減掉圖片”“2.首先 “發明人1姓名” 和 ”發明人1排名“是html要有的,然後點選加號按