這篇文章主要介紹了jquery完成表單驗(yàn)證的實(shí)例代碼，代碼簡(jiǎn)單易懂,需要的朋友可以參考下
廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：
<!doctype html>
<head>
<meta charset=utf-8" />
<title>表單驗(yàn)證</title>
<link href="css/style1.css" rel="external nofollow" rel="stylesheet" type="text/css" />
<!-- 引入jQuery -->
<script src="jquery/jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("form :input.required").each(function() {
var $required=$("<strong class=high>*</strong>");
$(this).parent().append($required);
});
$("form :input").blur(function() {
var $parent=$(this).parent();
$parent.find(".formtips").remove();
if($(this).is("#username")){
if(this.value==""||this.value.length<6){
var errorMsg='請(qǐng)輸入至少六位的用戶名';
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}else{
var okMsg='輸入正確';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
return false;
}
}
if($(this).is("#email")){
if(this.value==""||(this.value!==""&&!/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value))){
var errorMsg='請(qǐng)輸入正確的E—mail地址';
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}else{
var okMsg='輸入正確';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
});
$("#send").click(function() {
$("form .required:input").trigger('blur');
var numError=$("form .onError").length;
if(numError){
return false;
}
alert("注冊(cè)成功，密碼已發(fā)到你的郵箱，請(qǐng)查收。");
});
});
</script>
</head>
<body>
<form method="post" action="">
<p class="int">
<label for="username">用戶名:</label>
<input type="text" id="username" class="required" />
</p>
<p class="int">
<label for="email">郵箱:</label>
<input type="text" id="email" class="required" />
</p>
<p class="int">
<label for="personinfo">個(gè)人資料:</label>
<input type="text" id="personinfo" />
</p>
<p class="sub">
<input type="submit" value="提交" id="send"/><input type="reset" id="res"/>
</p>
</form>
</body>
</html>總結(jié)
以上是jQuery表單驗(yàn)證的實(shí)例代碼的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁(yè)開發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
GE通用遠(yuǎn)程代碼可在任何設(shè)備上編程
Mar 02, 2024 pm 01:58 PM
如果您需要遠(yuǎn)程編程任何設(shè)備，這篇文章會(huì)給您帶來幫助。我們將分享編程任何設(shè)備的頂級(jí)GE通用遠(yuǎn)程代碼。通用電氣的遙控器是什么？GEUniversalRemote是一款遙控器，可用于控制多個(gè)設(shè)備，如智能電視、LG、Vizio、索尼、藍(lán)光、DVD、DVR、Roku、AppleTV、流媒體播放器等。GEUniversal遙控器有各種型號(hào)，具有不同的功能和功能。GEUniversalRemote最多可以控制四臺(tái)設(shè)備。頂級(jí)通用遙控器代碼，可在任何設(shè)備上編程GE遙控器配備一組代碼，使其能夠與不同設(shè)備相配合。您可
如何使用Copilot生成代碼
Mar 23, 2024 am 10:41 AM
作為一名程序員，對(duì)于能夠簡(jiǎn)化編碼體驗(yàn)的工具，我感到非常興奮。借助人工智能工具的幫助，我們可以生成演示代碼，并根據(jù)需求進(jìn)行必要的修改。在VisualStudioCode中新引入的Copilot工具讓我們能夠創(chuàng)建具有自然語言聊天交互的AI生成代碼。通過解釋功能，我們可以更好地理解現(xiàn)有代碼的含義。如何使用Copilot生成代碼？要開始，我們首先需要獲得最新的PowerPlatformTools擴(kuò)展。要實(shí)現(xiàn)這一點(diǎn)，你需要進(jìn)入擴(kuò)展頁(yè)面，搜索“PowerPlatformTool”，然后點(diǎn)擊Install按鈕
jQuery中如何使用PUT請(qǐng)求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT請(qǐng)求方式？在jQuery中，發(fā)送PUT請(qǐng)求的方法與發(fā)送其他類型的請(qǐng)求類似，但需要注意一些細(xì)節(jié)和參數(shù)設(shè)置。PUT請(qǐng)求通常用于更新資源，例如更新數(shù)據(jù)庫(kù)中的數(shù)據(jù)或更新服務(wù)器上的文件。以下是在jQuery中使用PUT請(qǐng)求方式的具體代碼示例。首先，確保引入了jQuery庫(kù)文件，然后可以通過以下方式發(fā)送PUT請(qǐng)求：$.ajax({u
jQuery小技巧：快速修改頁(yè)面所有a標(biāo)簽的文本
Feb 28, 2024 pm 09:06 PM
標(biāo)題：jQuery小技巧：快速修改頁(yè)面所有a標(biāo)簽的文本在網(wǎng)頁(yè)開發(fā)中，我們經(jīng)常需要對(duì)頁(yè)面中的元素進(jìn)行修改和操作。在使用jQuery時(shí)，有時(shí)候需要一次性修改頁(yè)面中所有a標(biāo)簽的文本內(nèi)容，這樣可以節(jié)省時(shí)間和精力。下面將介紹如何使用jQuery快速修改頁(yè)面所有a標(biāo)簽的文本，同時(shí)給出具體的代碼示例。首先，我們需要引入jQuery庫(kù)文件，確保在頁(yè)面中引入了以下代碼：<
使用jQuery修改所有a標(biāo)簽的文本內(nèi)容
Feb 28, 2024 pm 05:42 PM
標(biāo)題：使用jQuery修改所有a標(biāo)簽的文本內(nèi)容jQuery是一款流行的JavaScript庫(kù)，被廣泛用于處理DOM操作。在網(wǎng)頁(yè)開發(fā)中，經(jīng)常會(huì)遇到需要修改頁(yè)面上鏈接標(biāo)簽（a標(biāo)簽）的文本內(nèi)容的需求。本文將介紹如何使用jQuery來實(shí)現(xiàn)這個(gè)目標(biāo)，并提供具體的代碼示例。首先，我們需要在頁(yè)面中引入jQuery庫(kù)。在HTML文件中添加以下代碼：
清華大學(xué)與智譜AI重磅開源 GLM-4：掀起自然語言處理新革命
Jun 12, 2024 pm 08:38 PM
自2023年3月14日開始，ChatGLM-6B以來，GLM系列模型受到了廣泛的關(guān)注和認(rèn)可。特別是在ChatGLM3-6B開源之后，開發(fā)者對(duì)智譜AI推出的第四代模型充滿了期待。而這一期待，隨著GLM-4-9B的發(fā)布，終于得到了充分的滿足。GLM-4-9B的誕生為了賦予小模型（10B及以下）更加強(qiáng)大的能力，GLM技術(shù)團(tuán)隊(duì)經(jīng)過近半年的探索，推出了這一全新的第四代GLM系列開源模型：GLM-4-9B。這一模型在保證精度的同時(shí)，大幅度壓縮了模型大小，具有更快的推理速度和更高的效率。GLM技術(shù)團(tuán)隊(duì)的探索沒
創(chuàng)建和運(yùn)行Linux'.a”文件
Mar 20, 2024 pm 04:46 PM
在Linux操作系統(tǒng)中處理文件需要使用各種命令和技術(shù)，使開發(fā)人員能夠高效地創(chuàng)建和執(zhí)行文件、代碼、程序、腳本和其他東西。在Linux環(huán)境中，擴(kuò)展名為”.a”的文件作為靜態(tài)庫(kù)具有重要的重要性。這些庫(kù)在軟件開發(fā)中發(fā)揮著重要作用，允許開發(fā)人員有效地管理和共享多個(gè)程序的公共功能。對(duì)于Linux環(huán)境中的有效軟件開發(fā)，了解如何創(chuàng)建和運(yùn)行“.a”文件至關(guān)重要。本文將介紹如何全面安裝和配置Linux“.a”文件，讓我們一起探索Linux“.a”文件的定義、用途、結(jié)構(gòu)，以及創(chuàng)建和執(zhí)行它的方法。什么是L
使用jQuery為表格添加新行的方法介紹
Feb 29, 2024 am 08:12 AM
jQuery是一個(gè)流行的JavaScript庫(kù)，廣泛用于網(wǎng)頁(yè)開發(fā)中。在網(wǎng)頁(yè)開發(fā)過程中，經(jīng)常需要通過JavaScript動(dòng)態(tài)地向表格中添加新行。本文將介紹如何使用jQuery為表格添加新行，并提供具體的代碼示例。首先，我們需要在HTML頁(yè)面中引入jQuery庫(kù)。可以通過以下代碼在標(biāo)簽中引入jQuery庫(kù)：
