JS實現簡單的判斷文字框長度
有點點JS基礎的人都可以看得明白,那麼就不多說,直接上程式碼
JS程式碼如下
function chargeid() {
var x, text;
x=document.login.name.value;
// 如果輸入的值 x 不是數字或者小於 1 或者大於 10,則提示錯誤 Not a Number or less than one or greater than 10
if (x.length<4||x.length>9) {
text = "使用者名稱長度應該為5-9之間"
document.getElementById("charge1").innerHTML = text;
return false;//阻止表單提交
} else {
text = "輸入正確";
document.getElementById("charge1").innerHTML = text;
return true;
}
}
HTML程式碼(自動忽略屬性)
<div class="logo"></div>
<form name = "login" method="post" onSubmit= "return chargeid();">
<div class="form-item">
<input id="username" type="text" autocomplete="off" placeholder="使用者名稱" name = "name" required="required">
<p class="tip" id="charge1"></p>
</div>
<div class="form-item">
<input id="password" type="password" autocomplete="off" placeholder="登入密碼" name = "password" required="required">
<p class="tip">密碼不正確</p>
</div>
<div class="form-item">
<button type="submit" class="button1">登 錄</button>
</div>
</form>
相關文章
- js 判斷 字元的長度255JS字元
- jQuery實現簡單登陸判斷jQuery
- js判斷文字框是否為空程式碼例項JS
- js判斷textarea文字框是否為空並給出提示JS
- JS實現奇偶數的判斷JS
- CPU對指令長度的判斷
- javascript限制文字框輸入長度JavaScript
- js實現的驗證表單文字框和密碼框是否為空程式碼JS密碼
- input文字框的實際寬度包括邊框的
- js實現的單行文字不間斷無縫滾動效果JS
- js實現文字框提示程式碼例項JS
- 限定文字框輸入字串長度程式碼字串
- jQuery限制文字框輸入長度詳解jQuery
- js實現的文字框只能夠輸入數字JS
- 判斷文字框按鈕是否為空並給出提示
- 如何使用angularjs實現文字框設定值AngularJS
- js如何禁用表單中的所有文字框JS
- vue.js提交按鈕時簡單的if判斷表示式示例Vue.js
- js實現的判斷上傳圖片的型別JS型別
- js實現簡單百度分頁和兩種tab樣式切換簡單實現JS
- 萌新Learning-簡單的文字相似性檢測與抄襲判斷
- PHP判斷字串-全英文字元-英漢混合-純漢字的簡單方法PHP字串字元
- JS的判斷語句:判斷、迴圈JS
- 如何使用angularjs實現文字框獲取焦點AngularJS
- 點選文字框實現文字框內容選中效果
- input文字框實現寬度自適應程式碼例項
- js 文字框插入JS
- js函式中的if判斷和a==b判斷JS函式
- js實現的判斷是否是閏年程式碼例項JS
- MyBatis陣列與集合判斷非空和長度MyBatis陣列
- JS判斷字串長度(英文佔1個字元,中文漢字佔2個字元)JS字串字元
- 實現textarea文字框多行提示文字效果
- js實現的擷取指定長度字串程式碼JS字串
- 關於js的判斷JS
- 簡單實現帶節點的進度條
- Python實現簡單驗證碼的轉文字Python
- js中文字框的事件JS事件
- js實現的文字框輸入內容自動提示效果程式碼JS