jquery 實作表單驗證功能碼(簡潔)_jquery
表單驗證
1. 頁面效果,自動提示驗證信息...
2. 頁面代碼
複製代碼 程式碼如下:
>
$(function () {
//載入驗證資訊
$(' # uiform input').each(function () {
if ($(this).attr('required') ) || $(this).attr('validType'))
$(this) . validatebox();
})
$('#ajax_test2').click(function () {
$.ajax({
url: "../Handler1.ashx?Menthod=登入",
類型: 'post',
資料: {name:"123456"},
逾時: 30000,
beforeSend: function (XMLHttpRequest) {
//alert('遠端呼叫開始...');
$("#loading").html("

},
成功: function (data, textStatus) {
alert('開始回調,狀態文字值:'textStatus '傳回資料:'data);
$("#loading").empty();
},
complete: function (XMLHttpRequest, textStatus) {
alert('呼叫遠端,狀態成功文字值:' textStatus);
$("#loading").empty();
},
錯誤: function (XMLHttpRequest, textStatus, errorThrown) {
alert('錯誤...狀態文字值:' textStatus " 例外訊息:" errorThrown);
$("#loading").empty();
}
}); "#btn").click(function () {
var flag = true;
flag = $("#uiform").form("validate");
// $('#uiform input').each(function () {
// if ($(this).attr('required') || $(this).attr('validType')) {
// if ( !$(this).validatebox('isValid')) {
// flag = false;
//回傳;
// }
// }
// })
if (flag) {
$("#uiform").form("destroy");
alert('驗證通過!');
}
});
});
腳本>
#name
{
寬度:191px;
}
.style4
{
寬度:100px;
}
.style5
{
寬度:98px;
}
{
寬度:98px;
}
#txt密碼
{
寬度:150px;
}
.style7
{
寬度:371px;
}
.style8
.style8
🎜>寬度:420px;
}
#btn
{
寬度:86px;
}
.style9
{
寬度:100px; :26px;
}
.style10
{
寬度:371px;
高度:26px;
}
.style11
{
寬度:98px;
高度:26px;
}
.style12
{
寬度:420px;
高度:26px;
}
.style13
{
{
{
{
{
{
{
{
{
{
{
{
{
{
{
寬度:100px;
高度:25px;
}
.style14
{
寬度:371px;
高度:25px;
}
.style15
{
寬度:98px;
高度:25px;
}
.style16
{
寬度:420px;
高度:25px;
}
頭>
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Laravel開發:如何使用Laravel Validation驗證表單請求?
