1. 程式人生 > >用js檢測表單中輸入字元的長度

用js檢測表單中輸入字元的長度

總共思路可分為2部分。

1、獲取表單中輸入的字元

2、計算獲取字元的長度

3、分析超過100個長度的給出提示。

<html>

<head>
<meta charset="utf-8"/>
<script>
function a(){
var hd=document.getElementById('zf').value;
var cot=hd.length;
if(cot>100){
document.getElementById('le').innerHTML="你當前輸入超過了100個字元,請謹慎";
}
else{
document.getElementById('le').innerHTML="你當前輸入了"+cot+"字元";
}
}

</script>
</head>
<body>
<textarea cols="10" rows="20" id="zf" onkeyup="a()"></textarea><br/>
<span id="le"></span>
</body>
</html>

相關推薦

js檢測輸入字元長度

總共思路可分為2部分。 1、獲取表單中輸入的字元 2、計算獲取字元的長度 3、分析超過100個長度的給出提示。 <html> <head> <meta charset="utf-8"/> <script> function a

js資料封裝成json字串

用js將表單資料封裝成json字串 1.js中封裝程式碼: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, func

Js 獲取各標籤的值

初學JavaScript,但由於Js的語言特性,以及用法靈活多樣,常常不知所措,但是總的來說,學好一門語言很難,想要很好的運用更難,不過我們可以選擇一些適合自己的用法即可,並不需要面面俱到,能夠解決問題就行。 寫此博文,只是想記錄下一些自己學習的東

限制輸入引號

<script language="javascript">function check(){     var  txt=document.form1.textfield.value.split("'").join("");     document.form1.

js驗證 驗證空值 長度,過濾非數字等

3、<!-- 驗證表單的js提交方式會不一樣 --><script type="text/javascript">function checkFormSubmit(form){if(form.username.value == ""){alert("請輸入賬號");form.usern

js 監測from的input和select,時時監測,沒有輸入或選擇信息報錯,不允許提交數據

height ssss txt input OS 表達 tip eight html 1.html 代碼為 在input和select同級元素中添加 .error的標簽,用來存放報錯信息 <form action="" method="post" enctype="

JS過濾資料的特殊字元

在我們需要提交表單的時候,我們需要過濾特殊字元。一些特殊字元如:<,”,’代表著一段程式碼的開始或者結束,如果這些插入到頁面中並且沒有轉義的話,那麼麻煩就大了,輕則造成頁面佈局的混亂。

PHP常用的超全局變量 get和post提交方式的區別 session與cookie的區別 GD庫是做什麽

屬性 過程 生成報表 用戶訪問 服務器 接收 file pla request PHP中常用的超全局變量 $_GET ----->get傳送方式$_POST ----->post傳送方式$_REQUEST ----->可以接收到get和post兩種方式的值

的銀行卡格式輸入

blog 格式 max ace doc class maxlength tex his 1.這個功能需求還算比較多。 2.這個方法很簡潔。 1 <!DOCTYPE html> 2 <html> 3 <head> 4

Ant Design Pro,setFieldsValue方法,給巢狀到Form的DatePicker元件設定預設值

 其實用setFieldsValue或者獲取setState方法都可以設定DatePicker的預設值。 setState方法: <FormItem label="日期選擇框"> {getFieldDecorator('date', {

FormData jquery獲取物件 或者原生的js語法

FormData用 jquery獲取表單物件 或者用原生的js語法 $('#modal_form').validate({ submitHandler: function(form) { var formobj = document.getElementById("modal

15-js提交的簡單檢測例項

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition

HTML5password輸入框的文字顯示與隱藏實現

人生苦短,道阻且艱;修行不易,且行且努力。 【專業擅長領域】:iOS開發,遊戲開發,圖形學 【擅長平臺】:iOS平臺,Unity --------------------------------------------------------- 【個人主頁】:信厚

MVC通用JS判斷或者某個具體的文字框驗證是否通過

例:  <script> $("#idTest").click(function () { var t = $("#f1").valid();

將form的所有輸入框值序列化時遇到的問題

var $form = this.$modal.find('form');//獲取模態框中的表單元素 var data = $form.serializeArray(); //form中的輸入框須有n

Servlet處理提交的資料,然後再jsp頁面顯示

第一個頁面,使用者表單介面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC

js獲取formname屬性的值

在專案中因為動態表單無法確定標籤name屬性的值,因此需要即時獲取以便進行儲存。前端程式碼如下:<div class="control-group"> <label class="control-label">土撥鼠常挖坑</label>

FormData處理form同時有檔案和普通文字的提交的處理方式

   今天在處理檔案上傳的時候,後臺出現request轉換錯誤,這一句報錯 // 轉換成多部分request MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;

一個日期輸入JS指令碼

<script language=javascript>var DS_x,DS_y;function dateSelector() //構造dateSelector物件,用來實現一個日曆形式的日期輸入框。{var myDate=new Date();this.ye

js驗證輸入

標籤: <div class="mask_box"> <div class="mask_top_01"> <div class="title"&