2. 程式人生 > >【推薦】bootstrapValidator.min.js表單驗證外掛

【推薦】bootstrapValidator.min.js表單驗證外掛

阿新 • • 發佈：2019-02-03
/*表單驗證*/ var gets = true;//是否讓表單提交 $(function(){ // 提示資訊=========================================== $("input[name=lgname]").focus(function(){ if($(this).val() == this.defaultValue){ $(this).val(''); } }).blur(function
(){ if($(this).val() == ''){ $(this).val(this.defaultValue); } }); //當輸入框失去焦點的時候，需要執行的方法 $("input[name=lgname]").blur(function(){doLgname();}); $("input[name=password]").blur(function(){doPassword();}); $("input[name=repass]"
).blur(function(){doRepass();}); }); // 登陸名稱的驗證========================== function doLgname(){ var t = $("input[name=lgname]"); var span = t.next(); if(/^\w{6,16}$/.test(t.val())){ span.html("填寫正確").css({color:"green",fontSize:"12px"
}); return true; }else{ span.html("包含數字、字母、下劃線，長度在6-16之間").css({color:"#ec4e4e",fontSize:"12px"}); return false; } } // 密碼的驗證========================== function doPassword(){ var t = $("input[name=password]"); var span = t.next(); if(t.val() == ''){ span.html("密碼不能為空").css({color:"#ec4e4e",fontSize:"12px"}); return false; }else{ span.html(''); if(/.{15,}/.test(t.val())){ span.html("密碼長度不合法"); return false; } return true; } } // 確認密碼的驗證========================== function doRepass(){ var t = $("input[name=repass]"); var span = t.next(); if(t.val() == $("input[name=password]").val() && t.val() != ''){ span.html("填寫正確").css({color:"green",fontSize:"12px"}); return true; }else{ span.html("兩次密碼不一致").css({color:"#ec4e4e",fontSize:"12px"}); return false; } } // 資料提交的時候執行的方法 function doTable(){ var lg = doLgname(); var pass = doPassword(); var repass = doRepass(); if(lg&&pass&&repass){ return true; }else{ return false; } }

相關推薦

【推薦】bootstrapValidator.min.js表單驗證外掛

/*表單驗證*/ var gets = true;//是否讓表單提交 $(function(){ // 提示資訊=========================================== $("inp

【常用 JS 外掛】01 jQuery Validation 表單驗證外掛

表單驗證框架 jQuery Validation 前端表單驗證框架 頁面引用 <!-- jQuery Validation 1.14.0 --> <script src="/static/assets/plugins/jquery-valida

【常用 JS 外掛】01 jQuery Valdation 表單驗證外掛

表單驗證框架 jQuery Validation 前端表單驗證框架 頁面引用 <!-- jQuery Validation 1.14.0 --> <script src="/static/assets/plugins/jquery-valida

vue.js表單驗證外掛(vee-validate)的使用

vue.js表單驗證外掛的使用更多文章，請訪問我的部落格綜述名稱：vee-validate用途：簡單的 Vue.js 表單驗證外掛官網：地址github:地址特別提示配合laravel使用特別好使 因為驗證規則和laravel後端的驗證規則一樣外掛既可以應用於SPA也可以應用

【轉】document.form.action,表單分向提交

用戶 方法 一個表 form 屬性 method cli submit 關於 document.form.action,表單分向提交,javascript提交表單 同一個表單可以根據用戶的選擇，提交給不同的後臺處理程序。即，表單的分向提交。如，在編寫論壇程序時，如果我們

【CSS3】選擇器（表單元素選擇器 & 其他）--慕課網【學習總結】

1.表單元素選擇器 (１):enabled選擇器 　　在Web的表單中，有些表單元素有可用狀態（“:enabled”）和不可用狀態（“:disabled”），比如輸入框，密碼框，複選框等。我們可以通過偽選擇器“:enabled”對這些表單元素設定樣式。

【原創】php將form表單多次請求的內容儲存到txt並顯示到form所在的頁面

小菜鳥分享小小經驗： 做之前百度理解相關函式（這個很重要），然後整合了一下自己的版本。 我做的是一個 同學聚會報名 頁面。 原始碼： <?php if(

第一篇，js表單驗證模板

scrip put func wrong lur ctype lan lang 執行 下面是對於一個email的表單驗證的基本模板<!DOCTYPE html><html lang="en"><head> <meta char

JS表單驗證示例

alt tle gin java utf-8 sch 沒有 點擊 option 1 </<!DOCTYPE html> 2 <html> 3 <head> 4 <title>JS表單驗證</ti

Jquery.validate.js表單驗證

first 博客 插件 怎麽辦 row form表單 顯示 ble logs 前言：表單驗證是十分常見的需求。公司做運維系統需要大量的編輯/新增表單，編輯之後提交，提交前需要進行表單驗證，驗證成功才能發起POST請求。由於項目前端大部分是基於Bootstrap開發的，

js表單驗證處理和childNodes 和children 的區別

.get out ren 改名 表單 tex jquery this 如果 一、對提交表單進行空值驗證 html代碼： 1 　　<form action="#"onsubmit="return validate_form(this);" method="post"&

HTML--JS 表單驗證

als pre tex colspan adding pattern -- lpad enter 1 <html> 2 <head> 3 <title>驗證表單</title> 4

JS表單驗證

form style i++ span sci array length rim a-z // 檢查是否為數字 function checkIsInteger(str){ if (str == ""){ return false;

JS表單驗證-12個常用的JS表單驗證

電子 上海市 輸入 中文 new sid 項目 .proto 長度 JS表單驗證-12個常用的JS表單驗證 最近有個項目用到了表單驗證，小編在項目完結後的這段時間把常用的JS表單驗證demo整理了一下，和大家一起分享~~~ 1. 長度限制 <p&g

js表單驗證 方法

oca 例如 name 輸入 += row i++ hda 海南 1. 長度限制 <p>1. 長度限制</p><form name=a onsubmit="return test()"> <textarea name="b"

Java學習總計（二十六）——JavaScript正則表達式，Js表單驗證,原生js+css頁面時鐘

text 先來 helloword 郵箱 用戶名 就是 lac round 外部 一．JavaScript正則表達式1.exec檢索字符串中指定的值，返回找到的值，並確定其位置2.test檢索字符串中指定的值，返回true或false3.正則表達式對象的創建：（1）方式一：

jQuery.validate.js表單驗證插件

gnu back view align one tom scrip ddd ali jQuery.validate.js表單驗證插件的使用 效果： 代碼： <!DOCTYPE html> <html lang="en"> <hea

JS表單驗證 聚焦 離焦 input（onfocus onblur）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function showTips(i

js 表單驗證

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>

表單驗證外掛jquery.validate.js

<spanstyle="white-space:pre"></span>class="required"   必須填寫     <spanstyle="white-space:pre"></span>class="required email"