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

阿新 • • 發佈：2019-01-21

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function showTips(id, info) {
				document.getElementById(id + "span").innerHTML = "<font color='gray'>" + info + "</font>";
			}

			function check(id, info) {
				var uValue = document.getElementById(id).value;
				if (uValue == "") {
					document.getElementById(id + "span").innerHTML = "<font color='red'>" + info + "</font>";
				} else {
					document.getElementById(id + "span").innerHTML = "";
				}
			}
		</script>
	</head>

	<body>
		<form action="#" method="get" name="regForm" onsubmit="return checkForm()">
			<table border="1px" width="750px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
				<tr height="40px">
					<td colspan="2">
						<font size="4">會員註冊</font> &nbsp;&nbsp;&nbsp;USER REGISTER
					</td>
				</tr>
				<tr>
					<td>
						使用者名稱
					</td>
					<td>
						<input type="text" name="user" size="34px" id="user" onfocus="showTips('user','使用者名稱必填！')" onblur="check('user','使用者名稱不能為空！')" /><span id="userspan"></span>
					</td>
				</tr>
				<tr>
					<td>
						密碼
					</td>
					<td>
						<input type="password" name="password" size="34px" id="password" onfocus="showTips('password','密碼必填')" onblur="check('password','密碼不能為空!')" /><span id="passwordspan"></span>
					</td>
				</tr>
				<tr>
					<td>
						確認密碼
					</td>
					<td>
						<input type="password" name="repassword" size="34px" id="repassword"></input>
					</td>
				</tr>
				<tr>
					<td>
						Emaile
					</td>
					<td>
						<input type="text" name="email" size="34px" id="eamil" />
					</td>
				</tr>
				<tr>
					<td>
						姓名
					</td>
					<td>
						<input type="text" name="username" size="34px" />
					</td>
				</tr>
				<tr>
					<td>
						性別
					</td>
					<td>
						<input type="radio" name="sex" value="男" />男
						<input type="radio" name="sex" value="女" />女
					</td>
				</tr>
				<tr>
					<td>
						出生日期
					</td>
					<td>
						<input type="text" name="birthday" size="34px" />
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="submit" value="註冊" />
					</td>
				</tr>
			</table>
		</form>
	</body>

</html>

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

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

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

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> functio

第一篇，js表單驗證模板

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

js中表單的聚焦失焦事件

round 交互性默認 bsp () pan 頁面 mce lur 焦點事件：　　不是所有元素都有焦點事件，只有可交互性的元素才有，比如表單元素，a標簽。頁面中只能有一個元素有焦點，一個聚焦，另一個就失焦，默認在document。例子結構如下：　　　　&l

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 表單驗證

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

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

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

js表單驗證程式碼全集

1:js 字串長度限制、判斷字元長度、js限制輸入、限制不能輸入、textarea 長度限制 2.:js判斷漢字、判斷是否漢字、只能輸入漢字3:js判斷是否輸入英文、只能輸入英文4:js只能輸入數字,判斷數字、驗證數字、檢測數字、判斷是否為數字、只能輸入數字5:只能輸入英

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

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

12個常用的JS表單驗證

××× uppercase tel 替換 textarea exec start true sch 長度限制 <form name="a" onsubmit="return test()"> <textarea name="b" cols="40" r

js form表單傳送資料兩種方式（post get）區別

<!DOCTYPE HTML> <html> <head> <title>please enter your title</

記錄一次使用form表單完成圖片上傳功能（相容ie9）

1.前臺頁面 <div class="dform_con" style="position: relative;" id="uploadform"> <iframe id="file_upload_return" style="d

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

相關推薦

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