คอลเลกชันที่สมบูรณ์ของแบบฟอร์มการตรวจสอบ JS โดยใช้ JS เพื่อควบคุมการส่งแบบฟอร์มเนื้อหาเฉพาะมีดังนี้:
1. ขีดจำกัดความยาว
<script> ฟังก์ชั่นทดสอบ () {ถ้า (document.abvalue.length> 50) {การแจ้งเตือน ("ไม่เกิน 50 อักขระ!"); document.abfocus (); return false;}} </script> <form name = a onsubmit = "return test ()"> <textarea name = "b" cols = "40" name = "subment" value = "ตรวจสอบ"> </form>2. เป็นตัวละครจีนเท่านั้น
<อินพุต onkeyup = "value ="/oblog/value.replace (/[^u4e00-u9fa5]/g, '') ">
3. "สามารถเป็นภาษาอังกฤษได้เท่านั้น
<script language = javascript> function onlyEng () {if (! (event.keycode> = 65 && event.keycode <= 90)) event.returnValue = false;} </script> <อินพุต onkeydown = "onlyeng ();"4. เป็นตัวเลขเท่านั้น
<script language = JavaScript> function OnlyNum () {if (! ((event.keycode> = 48 && event.keycode <= 57) || (event.keycode> = 96 && event.keycode <= 105)) // พิจารณาคีย์ตัวเลขบนคีย์5. เฉพาะอักขระและตัวเลขภาษาอังกฤษ
<อินพุต onkeyup = "value ="/oblog/value.replace (/[w]/g, "'')" onbeforepaste = "clipboardData.setData ('ข้อความ', clipboardData.getData ('ข้อความ') แทนที่ (/[^d]/g, ''))6. ยืนยันรูปแบบอีเมล
<ภาษาสคริปต์ = javascript runat = เซิร์ฟเวอร์> ฟังก์ชั่น isemail (stremail) {ถ้า (stremail.search (/^w+((-w+) | (.w+))*@[a-za-z0-9]+(. |-) [a-za-z0-9]+)*. -1) return true; elseAlert ("OH");} </Script> <อินพุต type = text onblur = isemail (this.value)>7. คำหลักบล็อก (บล็อก *** และ **** ที่นี่)
<script language = "JavaScript1.2"> ฟังก์ชั่นทดสอบ () {ถ้า ((abvalue.indexof ("***") == 0) || (abvalue.indexof ("****") == 0)) {แจ้งเตือน (":)"); abfocus () name = b> <อินพุต type = "ส่ง" name = "submit" value = "ตรวจสอบ"> </form>8. ไม่ว่ารหัสผ่านจะเหมือนกันสองครั้ง
<รูปแบบวิธีการ = โพสต์การกระทำ = "> <อินพุตประเภท =" รหัสผ่าน "id =" อินพุต 1 "> <อินพุตประเภท =" รหัสผ่าน "id =" อินพุต 2 "> <อินพุตประเภท =" ปุ่ม "value =" ทดสอบ "onClick =" ตรวจสอบ () "> </form> ""; input2.value = "";} document.forms [0] .submit ();}} </script>
เพียงพอ:)
มันยอดเยี่ยมที่จะบล็อกขวาคลิก
onContextMenu = "return false" onDragStart = "return false" onSelectStart = "return false"
เพิ่มในร่างกาย
http://hovertree.com/menu/javascript/
2.1 รายการแบบฟอร์มไม่สามารถว่างเปล่า
<script language = "javascript"> <!-ฟังก์ชัน pheckform () {ถ้า (document.form.name.value.length == 0) {แจ้งเตือน ("โปรดป้อนชื่อของคุณ!"); document.form.name.focus (); return;} return true;2.2 เปรียบเทียบว่าค่าของสองรายการแบบฟอร์มเหมือนกัน
<script language = "javascript"> <!-ฟังก์ชัน pheckform () ถ้า (document.form.pwd.value! = document.form.pwd_again.value) {แจ้งเตือน ("รหัสผ่านที่คุณป้อนสองครั้งจะแตกต่างกัน!2.3 รายการแบบฟอร์มสามารถเป็นหมายเลขและ "_" ที่ใช้สำหรับการตรวจสอบบัญชีโทรศัพท์/ธนาคารสามารถขยายไปยังการลงทะเบียนชื่อโดเมน ฯลฯ
<script language = "JavaScript"> <!-ฟังก์ชั่น isNumber (สตริง) {var letters = "1234567890-"; // คุณสามารถเพิ่มค่าอินพุตด้วยตัวเอง var i; var c; if (string.charat (0) == '-') return false; ถ้า (string.charat (string.length-1) == '-') return false; สำหรับ (i = 0; i <string.length; i ++) {c = string.charat if (! isnumber (document.form.tel.value)) {แจ้งเตือน ("หมายเลขโทรศัพท์ของคุณผิดกฎหมาย!"); document.form.tel.focus (); return false;} return true;}-> </script>2.4 รูปแบบรายการค่าอินพุต/ความยาว
<script language = "javascript"> <!-ฟังก์ชัน phectorm () {if (document.form.count.value> 100 || document.form.count.value <1) {การแจ้งเตือน ("ค่าอินพุตไม่น้อยกว่าศูนย์หรือมากกว่า 100!"); document.count.focus () น้อยกว่า 10! "); document.form.message.focus (); return false;} return true;} //-> </script>2.5 จีน/อังกฤษ/หมายเลข/ที่อยู่อีเมลการตัดสินที่ถูกต้องตามกฎหมาย
<script language = "JavaScript"> <!-ฟังก์ชั่น isEnglish (ชื่อ) // การตรวจจับค่าภาษาอังกฤษ {ถ้า (name.length == 0) ส่งคืน false; สำหรับ (i = 0; i <name.length; i ++) {ถ้า (name.charcodeat (i)> 128) return; = 0; i <name.length; false; ถ้า (i == ชื่อ dot length) return; return true;} function isnumber (ชื่อ) // การตรวจจับตัวเลข {ถ้า (name.length == 0) return false; สำหรับ (i = 0; i <name.length; i ++) {if (name.charat (i) <"0" | | ismail (form.email.value)) {แจ้งเตือน ("อีเมลของคุณผิดกฎหมาย!"); form.email.focus (); return false;} ถ้า (! isenglish (form.name.value)) {แจ้งเตือน ("ชื่อภาษาอังกฤษผิดกฎหมาย!"); form.name.focus (); การแจ้งเตือน ("ชื่อภาษาจีนผิดกฎหมาย!"); form.cnname.focus (); return false;} ถ้า (! isnumber (form.publiczipcode.value)) {แจ้งเตือน ("รหัสไปรษณีย์ผิดกฎหมาย!");2.6 อักขระที่ไม่สามารถป้อนได้ในรายการแบบฟอร์ม
<script language = "javascript"> <!-ฟังก์ชั่นมี (str, charset) // สตริงมีฟังก์ชั่นทดสอบ {var i; สำหรับ (i = 0; i <charset.length; i ++) ถ้า (str.indexof (charset.charat (i))> = 0) (มี (document.form.message.value, "%()> <"))) {แจ้งเตือน ("ป้อนอักขระที่ผิดกฎหมาย"); document.form.name.focus (); return false;} return true;} //-> </script>1. ตรวจสอบว่าสตริงประกอบด้วยตัวเลขหรือไม่
<script language = "javascript"> <!-ฟังก์ชั่น checknum (str) {return str.match (/d/) == null} แจ้งเตือน (checknum ("1232142141")) การแจ้งเตือน (checknum ("123214214a1")))2. วิธีการพิจารณาว่าเป็นตัวละคร
if (/[8x00-xff เหมือนกัน/g.test(s)) การแจ้งเตือน ("มีอักขระจีน"); การแจ้งเตือนอื่น ("อักขระทั้งหมด");3. วิธีการตรวจสอบว่ามีตัวละครจีนรวมอยู่ด้วย
if (Escape (Str) .indexof ("%u")! =-1) การแจ้งเตือน ("มีอักขระจีน"); การแจ้งเตือนอื่น ("อักขระทั้งหมด");4. การตรวจสอบรูปแบบอีเมล
// ชื่อฟังก์ชั่น: chkemail // ฟังก์ชั่นบทนำ: ตรวจสอบว่าเป็นที่อยู่อีเมล // คำอธิบายอนุภาค: สตริงที่จะตรวจสอบ // ค่าส่งคืน: 0: ไม่ใช่ 1: มันเป็นฟังก์ชัน chkemail (a) {var i = a.length; var temp = a.indexof ('@'); var tempd = a.indexof ('.'); if (temp> 1) {ถ้า ((i-temp)> 3) {ถ้า ((i-tempd)> 0) {return 1; }}} return 0; -5. การตรวจสอบรูปแบบดิจิตอล
// ชื่อฟังก์ชั่น: fucchecknum // ฟังก์ชั่นบทนำ: ตรวจสอบว่าเป็นตัวเลข // พารามิเตอร์คำอธิบาย: หมายเลขที่จะตรวจสอบ // ค่าส่งคืน: 1 คือตัวเลข, 0 ไม่ใช่ฟังก์ชันตัวเลข fucchecknum (num) {var i, j, strtemp; strtemp = "0123456789"; if (num.length == 0) return 0 สำหรับ (i = 0; i <num.length; i ++) {j = strtemp.indexof (num.charat (i)); ถ้า (j ==-1) {// ระบุว่ามีอักขระที่ไม่ได้ส่งกลับ 0; }} // ระบุว่าเป็นหมายเลขส่งคืน 1; -6. การตรวจสอบรูปแบบหมายเลขโทรศัพท์
// ชื่อฟังก์ชั่น: fucchecktel // ฟังก์ชั่นบทนำ: ตรวจสอบว่าเป็นหมายเลขโทรศัพท์ // คำอธิบายอนุภาค: สตริงที่จะตรวจสอบ // ค่าส่งคืน: 1 ถูกกฎหมายหรือไม่, 0 เป็นฟังก์ชันที่ผิดกฎหมาย fucchecktel (โทร) {var i, j, strtemp; strtemp = "0123456789-()#"; สำหรับ (i = 0; i <tel.length; i ++) {j = strtemp.indexof (tel.charat (i)); ถ้า (j ==-1) {// ระบุว่ามีอักขระที่ผิดกฎหมายส่งคืน 0; }} // ระบุว่าผลตอบแทนตามกฎหมาย 1; -7. ฟังก์ชั่นเพื่อตรวจสอบว่าอินพุตเป็นภาษาจีน
ฟังก์ชั่น ischinese (s) {var ret = true; สำหรับ (var i = 0; i <s.length; i ++) ret = ret && (s.charcodeat (i)> = 10,000); return ret; -8. ฟังก์ชั่นที่ครอบคลุมเพื่อตัดสินความถูกต้องตามกฎหมายของการป้อนข้อมูลของผู้ใช้
<script language = "javascript"> // จำกัด จำนวนบิตของอักขระอินพุตที่จะเริ่ม // m คือจำนวนบิตที่จะเป็นฟังก์ชัน จำกัด issmall (m, n) {ถ้า ((m <n) && (m> 0)) {return (false); } else {return (true);}}9. ตรวจสอบว่ามีการป้อนรหัสผ่านอย่างสม่ำเสมอ
ฟังก์ชั่น issame (str1, str2) {if (str1 == str2) {return (true);} else {return (false);}}10. ตรวจสอบว่าชื่อผู้ใช้เป็นบรรทัดเลื่อนตัวอักษรตัวเลข
ฟังก์ชั่น notchinese (str) {var reg =/[^a-za-z0-9 _]/g ถ้า (reg.test (str)) {return (false); } else {return (true); -2.8. ฟังก์ชั่นตรวจสอบทั่วไปสำหรับฟิลด์ข้อความแบบฟอร์ม
ฟังก์ชั่น: ตรวจจับข้อความอินพุตทั้งหมดที่ต้องไม่ว่างเปล่าเช่นชื่อบัญชีที่อยู่อีเมล ฯลฯ
การตรวจสอบนี้มีเฉพาะสำหรับฟิลด์ข้อความเท่านั้น หากคุณต้องการกำหนดเป้าหมายวัตถุโดเมนอื่น ๆ ในรูปแบบคุณสามารถเปลี่ยนเงื่อนไขการตัดสิน
วิธีใช้: เพิ่มข้อความชื่อเรื่องไปยังฟิลด์ข้อความที่จะตรวจพบ ข้อความเป็นข้อความแจ้งชื่อภาษาจีนของฟิลด์ที่คุณต้องการแจ้งให้ผู้ใช้ ตัวอย่างเช่นในการตรวจจับชื่อผู้ใช้
HTML มีดังนี้ <input name = "txt_1"> แน่นอนว่าเป็นการดีที่สุดที่จะใช้เครื่องมือสร้างภาพเช่น Dreamweaver เพื่อแก้ไขโดเมน
หากคุณต้องการตรวจจับข้อมูลประเภทตัวเลขให้รวม ID ของโดเมนลงใน SZ
มันเป็นเรื่องยากที่จะตัดสินประเภทวันที่ใน JavaScript ดังนั้นจึงไม่มีโปรแกรมสำหรับการตรวจสอบประเภทวันที่ ผู้เชี่ยวชาญสามารถเพิ่มได้
โปรแกรมค่อนข้างหญ้าเพียงแค่ให้แนวคิด โยนอิฐและดึงดูดหยก! -
โอ้วิธีการเรียกใช้ฟังก์ชัน: <form onsubmit = "return dovalidate ()">
ฟังก์ชั่น dovalidate () {fm = document.forms [0] // ตรวจพบแบบฟอร์มเดียวเท่านั้น หากมีหลายรูปแบบเงื่อนไขการตัดสินสามารถเปลี่ยนแปลงได้สำหรับ (i = 0; i <fm.length; i ++) {// การตรวจจับเงื่อนไขการตัดสินขึ้นอยู่กับประเภทถ้า (fm [i] .tagname.touppercase () == "อินพุต" && fm [i] (fm [i] .title! = "")) ถ้า (fm [i] .value = "/blog/=" ") // {str_warn1 = fm [i] .title+" ไม่สามารถว่างเปล่า! "; แจ้งเตือน (str_warn1); fm [i]. ตรวจสอบ {ถ้า (isnan (fm [i] .value)) {str_warn2 = fm [i] .title+"รูปแบบที่ไม่ถูกต้อง"; แจ้งเตือน (str_warn2); fm [i] .focus (); return false;}}}เนื้อหาข้างต้นเป็นชุดของวิธีการเขียนการตัดสินจาวาสคริปต์ทั่วไปที่รวบรวมโดยตัวแก้ไขสำหรับคุณทุกวัน ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณสนใจคุณสามารถรวบรวมบทความนี้เพื่อค้นหาง่ายในอนาคต!