การตรวจสอบที่ไม่สามารถว่างเปล่า (.notnull) ในรูปแบบการตรวจจับ
ฟังก์ชั่น : เมื่อมีหลายรูปแบบ (รวมถึงหนึ่ง) ภายใต้แท็กแบบฟอร์มคู่ให้ใช้ JS เพื่อตัดสินอย่างถูกต้องว่าองค์ประกอบใดที่ทำบนปุ่มปัจจุบัน
การใช้งาน : ค้นหาคอนเทนเนอร์ของแบบฟอร์มปัจจุบันภายใต้แท็กฟอร์มเพื่อให้คลาส = "ฟอร์ม" และปุ่มส่งของแบบฟอร์มปัจจุบันที่จะให้
องค์ประกอบที่ต้องได้รับการตรวจสอบว่าว่างเปล่าจะได้รับ class = "notnull" nullmsg = "xx ไม่สามารถเป็นโมฆะ!" พรอมต์และแบบฟอร์มที่ต้องมีการตัดสินเชิงตรรกะจะได้รับคลาส = "ต้องการ"
ประเภทของการตัดสินที่กำหนด (สามารถเป็นตัวเลข) การตรวจสอบพรอมต์ logicmsg = "xx สามารถเป็นตัวเลขเท่านั้น"
ให้ class = "errorMessage" เพื่อแสดงบล็อกข้อความแสดงข้อผิดพลาด
ให้ class = "เตือน" เพื่อแสดงข้อความแสดงข้อผิดพลาด
ไม่ได้ใช้การเขียนโปรแกรมเชิงวัตถุ JS
การตัดสินเชิงตรรกะโดยไม่ต้องผ่านตัวระบุความต้องการแอตทริบิวต์การแสดงออกปกติ (กำหนดเอง) จะได้รับโดยตรง (กำหนดเอง) regex = "/^/d $/" เพื่อตัดสิน
ดำเนินการภายนอก
global.submitcallback button function callback function
global.confirmCallback ยืนยันฟังก์ชั่นการโทรกลับ;
จะปรับปรุงได้ที่ไหน:
ยังไม่มี
การคัดลอกรหัสมีดังนี้:
/// <path reference = "ผู้ขาย/jQuery-1.4.1-vsdoc.js"/>
-
// $ (เอกสาร). พร้อม (
// การทำงาน () {
// $ ("ฟอร์ม") ค้นหา (". notnull"). ผูก ({
// focus: function () {
// ถ้า ($ (นี้) .attr ("value") == this.defaultValue) {
// $ (นี่) .attr ("ค่า", "");
-
-
// เบลอ: ฟังก์ชัน () {
// ถ้า ($ (นี้) .attr ("value") == "") {
// $ (นี่) .attr ("ค่า", this.defaultValue);
-
-
-
-
-
///* วิธีการห่อหุ้มแบบฟอร์มการตรวจจับสากล*/
///event.srcelement: วัตถุเป้าหมายที่เพิ่มเหตุการณ์มักใช้ในเหตุการณ์ onclick
///event.Fromelement: แหล่งข้อมูลที่ทำให้เกิดเหตุการณ์มักใช้ในเหตุการณ์ OnMouseOut และ OnMouseOver
///event.toElement: หลังจากเหตุการณ์ถูกยกขึ้นแหล่งเป้าหมายจะถูกย้ายไปที่เมาส์ซึ่งมักจะใช้สำหรับเหตุการณ์ onmouseout และ onmouseover
ฟังก์ชั่น global () {
var _self = this;
-
global.submitCallback = null;
global.confirmCallback = null;
$ (เอกสาร) .ready (function () {
// ฟอร์มร่างกาย
$ ("body") ค้นหา (". ฟอร์ม"). แต่ละ (ฟังก์ชั่น () {
this.onclick = function (e) {
ปุ่ม var = null;
พยายาม {
ปุ่ม = E.Srenement == NULL? document.active lement: e.srcelement;
} catch (e) {
console.log (e.message)
button = document.active lement;
-
if ($ (ปุ่ม). is (". ตรวจสอบ")) {
// Alert ("ส่ง")
var sub = (checkform (this) && checkinputrex (นี่) && checkselect (นี่) && checkchecked (นี้));
ถ้า (ย่อย) {
// โทรกลับของเรา แต่ใช้อินสแตนซ์ของเราเองเป็นบริบท
global.submitcallback.call (นี่, [e]);
-
กลับมาย่อย;
} อื่นถ้า ($ (ปุ่ม). is (". ยืนยัน")) {
// แจ้งเตือน ("ลบ")
var sub = ยืนยัน ($ (ปุ่ม) .attr ("title"));
ถ้า (ย่อย) {
global.confirmcallback.call (นี่, [e]);
-
กลับมาย่อย;
} อื่น {
// // Alert ("อื่น ๆ ")
กลับมาจริง;
-
-
-
/*การตรวจจับองค์ประกอบที่ไม่สามารถว่างเปล่าในรูปแบบ*/
ฟังก์ชั่นการตรวจสอบ (แบบฟอร์ม) {
var b = true;
$ (แบบฟอร์ม) .find (". notnull"). แต่ละ (ฟังก์ชั่น () {
if ($ .Trim ($ (นี่) .val ()). ความยาว <= 0) {// || $ (this) .val () == this.defaultValue
// ถ้า (this.value! = null) {
// $ (นี่) .attr ("ค่า", "");
-
//alert($( this).attr("MSG "))
$ (นี่) .parents (". ฟอร์ม") ค้นหา (". เตือน") ข้อความ ($ (นี่) .attr ("nullmsg"));
$ (นี้) .parents (". แบบฟอร์ม") ค้นหา (". errorMessage"). แสดง ();
$ (นี่) .Select ();
$ (นี่) .focus ();
return b = false;
-
-
if (b == true) {
$ (แบบฟอร์ม) .find (". เตือน"). ข้อความ ("");
$ (แบบฟอร์ม) .find (". errormessage"). ซ่อน ();
-
กลับ B;
-
/*รายการดรอปดาวน์ที่ต้องการในแบบฟอร์มการตรวจจับ*//
ฟังก์ชั่นตรวจสอบเลือก (แบบฟอร์ม) {
var b = true;
$ (แบบฟอร์ม) .find (". เลือก") แต่ละ (ฟังก์ชั่น (i) {
var ck = $ (นี่) .find ('ตัวเลือก: เลือก'). text ();
if (ck.indexof ("เลือก")> -1) {
$ (นี่) .parents (". ฟอร์ม") ค้นหา (". เตือน") ข้อความ ($ (นี่) .attr ("nullmsg"));
$ (นี้) .parents (". แบบฟอร์ม") ค้นหา (". errorMessage"). แสดง ();
$ (นี่) .Select ();
$ (นี่) .focus ();
return b = false;
-
-
กลับ B;
-
/*ช่องทำเครื่องหมายที่จำเป็นในแบบฟอร์มการตรวจจับ*//
ฟังก์ชั่น checkchecked (แบบฟอร์ม) {
var b = true;
$ (แบบฟอร์ม) .find (". ช่องทำเครื่องหมาย") แต่ละ (ฟังก์ชั่น (i) {
var ck = $ (นี่) [0]. ตรวจสอบ;
ถ้า (! ck) {
$ (นี่) .parents (". ฟอร์ม") ค้นหา (". เตือน") ข้อความ ($ (นี่) .attr ("nullmsg"));
$ (นี้) .parents (". แบบฟอร์ม") ค้นหา (". errorMessage"). แสดง ();
$ (นี่) .Select ();
$ (นี่) .focus ();
return b = false;
-
-
กลับ B;
-
// ตรวจสอบว่านิพจน์ทั่วไปตรงกับ
ฟังก์ชั่น getFlase (value, reg, ele) {
if (reg.test (value)) {
กลับมาจริง;
-
$ (ele) .parents (". แบบฟอร์ม") ค้นหา (". เตือน") ข้อความ ($ (ele) .attr ("logicmsg"));
$ (ele) .parents (". แบบฟอร์ม") ค้นหา (". errorMessage"). show ();
$ (ele) .focus ();
$ (ele) .Select ();
กลับเท็จ; // ไม่สามารถส่งได้
-
ฟังก์ชั่น checkinputrex (แบบฟอร์ม) {
var b = true;
$ (ฟอร์ม) .find ("อินพุต [type = 'text']") แต่ละ (ฟังก์ชั่น () {
if (typeof ($ (this) .attr ("regex"))) == 'string') {
if ($ .Trim ($ (นี่) .val ()). ความยาว> 0 && $ (นี่) .val ()! = this.defaultValue) {
// ค่าฟอร์มปัจจุบัน
var value = $ (this) .attr ("value") || $ (นี่) .val ();
var regx = eval ($ (this) .attr ("regex"));
return b = getFlase (value, regx, this);
-
-
-
กลับ B;
-
/// ตรวจสอบว่าอักขระที่เกี่ยวข้องที่ผู้ใช้ป้อนนั้นถูกกฎหมายหรือไม่
/// วิธีนี้ถูกทอดทิ้ง
ฟังก์ชั่น checkinput (แบบฟอร์ม) {
var b = true;
$ (แบบฟอร์ม) .find (". ต้องการ") แต่ละ (ฟังก์ชั่น () {
if ($ .Trim ($ (นี่) .val ()). ความยาว> 0 && $ (นี่) .val ()! = this.defaultValue) {
// ค่าฟอร์มปัจจุบัน
var value = $ (this) .attr ("value");
// ค่าของ ID หรือค่าของแอตทริบิวต์ชื่อมีดังนี้: [name = "ติดต่อ"]
ชื่อ var = $ (นี่) .attr ("คลาส");
// ตรวจสอบว่าเนื้อหาที่คุณต้องป้อนนั้นถูกกฎหมายเช่น: ข้อมูลการติดต่อ
var len = name.split ("");
สำหรับ (var i = 0; i <len.length; i ++) {
สวิตช์ ($ .Trim (len [i])) {
/// ข้อมูลติดต่อ
กรณี "มือถือ":
var reg =/^1/d {10} $/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
/// จดหมาย
กรณี "อีเมล":
var reg = /^ [/w-like+(/. [at yould/w-like+;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
/// เป็นรหัสผ่านเหมือนกันสองครั้ง
กรณี "รหัสผ่าน":
หยุดพัก;
กรณี "รหัสผ่าน 2":
if ($ ("#รหัสผ่าน"). attr ("value")! = $ ("#password2"). attt ("value")) {
$ (นี่) .Select (); // รับโฟกัส
$ (นี่) .parents (". แบบฟอร์ม") ค้นหา (". เตือน") ข้อความ ($ (นี่) .attr ("logicmsg"));
$ (นี้) .parents (". แบบฟอร์ม") ค้นหา (". errorMessage"). แสดง ();
return b = false; // ไม่สามารถส่งได้
-
หยุดพัก;
กรณี "worktel":
กรณี "hometel": // โทรศัพท์บ้าน
var reg =/^/d {8} $/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "โพสต์": // รหัสไปรษณีย์
var reg =/^/d {6} $/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "โบนัส":
กรณี "ค่าเผื่อ":
กรณี "recidsalary":
var reg = /^-?( [[1-9-9 เหมือน/dd*/./d*|0/./d* [1-9-9 เหมือน/dd*|0?/.0+ THENOM0 THE 1-9-9ING/D)$/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "ตัวตน":
var reg =/(^/d {15} $) | (^/d {18} $) | (^/d {17} (/d | x | x) $)/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "ความสูง":
var reg = /^[1-2] [0-9] [0-9] $ /;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "qq":
var reg = /^[1-9] [0-9] {4,} $ /;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "Begintime":
กรณี "endtime":
var reg =/^/d {4} $/;
if (reg.test (ค่า) && (parseint ($ (". endtime"). val ())> parseint ($ (". begintime"). val ()))) {
กลับ B;
-
$ .ligerdialog.alert ($ (นี่) .attr ("msg")))
$ (นี่) .Select (); // รับโฟกัส
return b = false; // ไม่สามารถส่งได้
หยุดพัก;
กรณี "num":
var reg =/^/d+$/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
/// แผ่นดินใหญ่จำเป็นต้องสมัครผ่านฮ่องกงและมาเก๊าและวีซ่าฮ่องกง รูปแบบหมายเลขหนังสือเดินทางทั่วไปรวมถึง:
/// 14/15+7 หลัก, g+8 หลัก;
/// งานธรรมดาคือ: P.+7 หลัก;
/// ธุรกิจอย่างเป็นทางการคือ: S.+7 หลักหรือ
// s+8 หลักหนังสือเดินทางทางการทูตเริ่มต้นด้วย d คือ
กรณี "postport": // หมายเลขหนังสือเดินทาง
var reg =/^(p/d {7} | g/d {8} | s/d {7,8} | d/d+| 1 [4,5]/d {7}) $/;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
กรณี "BankAccount":
var reg = /^[0-9] {19} $ /;
return b = getFlase (ค่า, reg, this);
หยุดพัก;
} //สวิตช์
} //สำหรับ
-
-
กลับ B;
-
/// วิธีนี้ถูกทอดทิ้ง
-
/// คลิกเพื่อเปลี่ยนสีพื้นหลัง
$ (เอกสาร) .ready (function () {
อินพุต var = $ ("#top> .c> อินพุต");
$ (อินพุต) .Each (ฟังก์ชัน () {
this.onclick = function () {
document.getElementById ("หลัก"). style.backgroundColor = this.name;
//$("#main").backgroundColor = this.name;
-
-
-
รหัสด้านบนเป็นแบบฟอร์มการตรวจจับสากลหลังจากการห่อหุ้ม ฉันหวังว่าคุณจะชอบมัน