การพิจารณาว่าค่าที่ผู้ใช้ป้อนนั้นว่างเปล่าใน js นั้นเป็นสิ่งที่ทุกคนใช้บ่อยหรือไม่ ไม่มีอะไรจะเขียนเกี่ยวกับเรื่องนี้ เหตุผลก็คือ ฉันคิดว่าโค้ดของฉันเขียนได้ดีสำหรับการอ้างอิงของคุณ เวลา.
ข้อมูลนี้นำมาจากหน้าลงทะเบียนผู้ใช้ของหนึ่งในโครงการของฉัน สำหรับคนส่วนใหญ่ นี่คือประสบการณ์เกือบ 100%
โพสต์โค้ด โค้ดเหล่านี้เขียนด้วยภาษา js ไม่ใช่เรื่องยากและง่ายต่อการเข้าใจ
รหัสหน้าแรก: reguser.aspx
คัดลอกรหัสรหัสดังต่อไปนี้:
<%@ ภาษาเพจ = "c#" Codebehind = "RegUser.aspx.cs" AutoEventWireup = "false" สืบทอด = "Enterprise.Web.RegUser" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<หัว>
<title>การลงทะเบียนผู้ใช้</title>
<meta name = "เครื่องกำเนิดไฟฟ้า" เนื้อหา = "Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK rel="stylesheet" type="text/css" href="/CSS/EnterpriseWebSite.css">
<script src="/js/CommonFunction.js" ></script>
<สคริปต์>
var reg = {};
reg.ชื่อผู้ใช้ = '';
reg.รหัสผ่าน = '';
reg.confirmPassword = '';
reg.คำถาม = '';
reg.คำตอบ = '';
reg.url = '';
reg.เพศ = 1;
reg.อีเมล์ = '';
reg.tel = '';
reg.มือถือ = '';
reg.qq = '';
reg.address = '';
reg.postalcode = '';
reg.form = โมฆะ;
ฟังก์ชั่น btnSubmit_onclick()
-
reg.form = document.forms[0];
var comFun = new commonFunction();
ถ้า(!comFun.checkIsEmpty(reg.form))
-
กลับเท็จ;
-
if(comFun.$getElementById('txtPassword').value!=comFun.$getElementById('txtConfirmPassword').value)
-
alert('การกรอกรหัสผ่านทั้งสองรายการไม่สอดคล้องกัน');
comFun.$getElementById('txtConfirmPassword').select();
กลับเท็จ;
-
reg.userName = comFun.$getElementById('txtUserName');
reg.password = comFun.$getElementById('txtPassword');
reg.question = comFun.$getElementById('txtQuestion');
reg.answer = comFun.$getElementById('txtAnswer');
reg.url = comFun.$getElementById('txtUrl');
reg.email = comFun.$getElementById('txtEmail');
reg.tel = comFun.$getElementById('txtTel');
reg.mobile = comFun.$getElementById('txtMobile');
reg.qq = comFun.$getElementById('txtQQ');
reg.address = comFun.$getElementById('txtAddress');
reg.postalcode = comFun.$getElementById('txtPostalcode');
var es = comFun.$getElementsByName('เพศ');
var eL = es.ความยาว;
สำหรับ (var i=0; i<eL; i++)
-
var e = es[i];
ถ้า(e.ตรวจสอบ)
-
reg.sex = e.value;
หยุดพัก;
-
-
RegUser.Reg(reg.userName.value, reg.password.value, reg.question.value, reg.answer.value, reg.url.value, reg.sex.value, reg.email.value, reg.tel. ค่า, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);
-
ฟังก์ชั่น callback_Reg (ความละเอียด)
-
var rv = res.value;
ถ้า(รถบ้าน)
-
alert('ลงทะเบียนสำเร็จ!');
window.location.href='/Default.aspx';
-
อื่น
-
alert('เกิดข้อผิดพลาดและการลงทะเบียนล้มเหลว! อาจเป็นไปได้ว่าชื่อผู้ใช้หรือชื่อโดเมนถูกลงทะเบียนโดยบุคคลอื่น!');
-
-
// ตรวจสอบว่าชื่อโดเมนของชื่อผู้ใช้ได้รับการลงทะเบียนโดยผู้ใช้รายอื่นหรือไม่
ฟังก์ชั่น checkIsRegistered (obj, errorS, t)
-
var v = obj.value;
var rv = RegUser.CheckIsRegistered(v, t).value;
ถ้า(รถบ้าน)
-
การแจ้งเตือน (ข้อผิดพลาด S);
obj.เลือก();
กลับเท็จ;
-
-
</สคริปต์>
</หัว>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<table align="center" cellpadding="3" cellspacing="0">
<tr>
<td><div align="right">ชื่อผู้ใช้:</div>
</td>
<td><input type="text" id="txtUserName" onblur="checkIsRegistered(นี่คือ 'ชื่อผู้ใช้นี้ได้รับการลงทะเบียนแล้ว โปรดใช้ชื่อผู้ใช้อื่น!', 1)" maxlength="15" isRequired="true" isValidate="true" errorSForEmpty="ชื่อผู้ใช้ไม่สามารถเว้นว่างได้!" errorSForValidate="ข้อผิดพลาดในการจับคู่! เริ่มต้นด้วยตัวอักษร มีความยาว 3-16 ไบต์ อนุญาตให้ใช้ขีดล่างตัวอักษรและตัวเลขและสัญลักษณ์ความปลอดภัยที่อนุญาต!" validatePattern="/^[a-zA-Z][a-zA-Z0-9_$% ]{ 2,15}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">รหัสผ่าน:</div>
</td>
<td><input type="password" id="txtPassword" maxlength="15" isRequired="true" isValidate="true" errorSForEmpty="รหัสผ่านไม่สามารถเว้นว่างได้!" errorSForValidate="Matching error! Requires 3-16 character ส่วน อนุญาตให้ใช้ขีดล่างตัวอักษรและตัวเลขและสัญลักษณ์ความปลอดภัยที่อนุญาต!!" validatePattern="/^[a-zA-Z0-9_$%]{2,15}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">ยืนยันรหัสผ่าน:</div>
</td>
<td><input type="password" id="txtConfirmPassword" isRequired="true" errorSForEmpty="ยืนยันรหัสผ่านไม่สามารถเว้นว่างได้!"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">คำถามรหัสผ่าน:</div>
</td>
<td><input type="text" id="txtQuestion" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="ไม่ได้กรอกคำถามพร้อมท์รหัสผ่าน!" errorSForValidate="ต้องมีความยาว ระหว่าง 8-50 ตัวอักษร ต้องไม่มีการเว้นวรรคระหว่างคำ!" validatePattern="//S{8,50}/"><font color="#ff0000"*</font></td>
</tr>
<tr>
<td><div align="right">คำตอบสำหรับคำถามรหัสผ่าน:</div>
</td>
<td><input type="text" id="txtAnswer" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="ไม่ได้กรอกคำตอบสำหรับคำถามรหัสผ่าน!" errorSForValidate="The length ต้องอยู่ระหว่าง 8-50 ตัวอักษร ต้องไม่มีการเว้นวรรคระหว่างคำ!" validatePattern="//S{8,50}/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">SiteUrl:</div>
</td>
<td><input type="text" id="txtUrl" onblur="checkIsRegistered(this, 'Url นี้ได้รับการลงทะเบียนแล้ว, โปรดใช้อันอื่น!', 2)" maxlength="20" isRequired="true" isValidate ="true" errorSForEmpty="URL ของไซต์ไม่สามารถเว้นว่างได้!" errorSForValidate="รูปแบบ URL ของไซต์ไม่ถูกต้อง!" validatePattern="/^[a-zA-Z0-9]{1,20}$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">เพศ:</div>
</td>
<td><input type="radio" id="boy" name="sex" value="1" checked>ชาย<input type="radio" id="girl" name="sex" value="0" >หญิง</td>
</tr>
<tr>
<td><div align="right">อีเมล:</div>
</td>
<td><input type="text" id="txtEmail" isValidate="true" errorSForValidate="รูปแบบอีเมลไม่ถูกต้อง!" validatePattern="/^.+/@(/[?)[a-zA-Z0- 9/-/.]+/.([a-zA-Z]{2,3}|[0-9]{1,3})(/]?)$/"></td>
</tr>
<tr>
<td><div align="right">โทรศัพท์บ้าน:</div>
</td>
<td><input type="text" id="txtTel" isRequired="true" isValidate="true" errorSForEmpty="โทรศัพท์พื้นฐานไม่สามารถเว้นว่างได้!" errorSForValidate="รูปแบบโทรศัพท์พื้นฐานไม่ถูกต้อง โปรดใช้รูปแบบของ 0592 -5555555 ! validatePattern="/^(/d{3}-|/d{4}-)?(/d{8}|/d{7})$/"><font color="#ff0000">*</font></td>
</tr>
<tr>
<td><div align="right">โทรศัพท์มือถือ:</div>
</td>
<td><input type="text" id="txtMobile" isValidate="true" errorSForValidate="รูปแบบโทรศัพท์มือถือไม่ถูกต้อง!" validatePattern="/^1/d{10}$/"></td>
</tr>
<tr>
<td><div align="right">QQ:</div>
</td>
<td><input type="text" id="txtQQ" isValidate="true" errorSForValidate = "รูปแบบ QQ ไม่ถูกต้อง!" validatePattern = "/^[1-9]*[1-9] [0-9] *$/"></td>
</tr>
<tr>
<td><div align="right">ที่อยู่:</div>
</td>
<td><input type="text" id="txtAddress"></td>
</tr>
<tr>
<td><div align="right">รหัสไปรษณีย์:</div>
</td>
<td><input type="text" id="txtPostalcode" maxlength="6" isValidate="true" errorSForValidate="รหัสไปรษณีย์ไม่ถูกต้อง!" validatePattern="/^/d{6}/"></td>
</tr>
<tr>
<td><div align="right">การดำเนินการ:</div>
</td>
<td><input type="button" value="Register" id="btnSubmit" onclick="btnSubmit_onclick()"><input type="reset" value="Reset"></td>
</tr>
</ตาราง>
</แบบฟอร์ม>
</ร่างกาย>
</html>
ในโค้ดข้างต้น ไฟล์ CommonFunction.js รวมอยู่ด้วย นี่คือเนื้อหา:
คัดลอกรหัสรหัสดังต่อไปนี้:
/************************************************* ***** **********
-
* ฟังก์ชั่น js สาธารณะ
-
************************************************** * *********/
ฟังก์ชั่น commonFunction()
-
// ค่าตรวจสอบเป็นโมฆะหรือว่างเปล่า
this.checkIsEmpty = ฟังก์ชั่น (obj)
-
แฟล็ก var = จริง;
สำหรับ (var i=0; i<obj.length; i++)
-
var e = obj.item(i);
ถ้า (e.isRequired)
-
ถ้า(e.value=='')
-
การแจ้งเตือน (e.errorSForEmpty);
อี.โฟกัส();
ธง = เท็จ;
หยุดพัก;
-
-
ถ้า (e.isValidate)
-
ถ้า(this.checkValidate(e)==false)
-
การแจ้งเตือน (e.errorSForValidate);
e.select();
อี.โฟกัส();
ธง = เท็จ;
หยุดพัก;
-
-
-
ธงส่งคืน;
-
// ตรวจสอบค่าเช็คแล้ว
this.checkValidate = ฟังก์ชั่น (e)
-
var v = e.value;
ถ้า(v!='')
-
ส่งคืน this.checkReg (e.validatePattern, v);
-
-
// ตรวจสอบ regexp
this.checkReg = ฟังก์ชั่น (รูปแบบ, ค่า)
-
pattern = pattern.substring (1, pattern.length-1);
var reg = RegExp ใหม่ (รูปแบบ);
ถ้า(!reg.test(ค่า))
-
กลับเท็จ;
-
-
// ส่งคืนวัตถุ Element By id สำหรับ id ใด
this.$getElementById = ฟังก์ชั่น(id)
-
var e = document.getElementById(id);
ถ้า(e!='ไม่ได้กำหนด')
-
กลับอี;
-
กลับ;
-
// ส่งคืนวัตถุ Element By name สำหรับรหัสใด
this.$getElementsByName = ฟังก์ชั่น(id)
-
var e = document.getElementsByName(id);
ถ้า(e!='ไม่ได้กำหนด')
-
กลับอี;
-
กลับ;
-
-
โพสต์ภาพเอฟเฟกต์: