Определение того, является ли введенное пользователем значение пустым в js, - это то, чем все часто пользуются. Но я это сделал, потому что я считаю, что мой код написан хорошо. время.
Это взято со страницы регистрации пользователей одного из моих проектов. Для большинства людей это практически 100% опыт.
Выложите код, все эти коды написаны на js. При чтении вам нужно только различать два класса js.
Код главной страницы: reguser.aspx
Скопируйте код кода следующим образом:
<%@ Page Language="c#" Codebehind="RegUser.aspx.cs" AutoEventWireup="false" Inherits="Enterprise.Web.RegUser" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<голова>
<title>Регистрация пользователя</title>
<meta name="GENERATOR" Content="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>
<скрипт>
вар рег = {};
reg.userName = '';
reg.пароль = '';
reg.confirmPassword = '';
рег.вопрос = '';
рег.ответ = '';
reg.url = '';
рег.секс = 1;
reg.email = '';
рег.тел = '';
reg.mobile = '';
reg.qq = '';
рег.адрес = '';
reg.postalcode = '';
рег.форма = ноль;
функция btnSubmit_onclick()
{
reg.form = document.forms[0];
вар comFun = новая commonFunction();
if(!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('sex');
вар eL = es.length;
for(var i=0; i<eL; я++)
{
вар е = эс[я];
если (e.проверено)
{
reg.sex = e.value;
перерыв;
}
}
RegUser.Reg(рег.имя_пользователя.значение, рег.пароль.значение, рег.вопрос.значение, рег.ответ.значение, рег.url.значение, рег.пол.значение, рег.email.значение, рег.тел. значение, reg.mobile.value, reg.qq.value, reg.address.value, reg.postalcode.value, callback_Reg);
}
функция callback_Reg (рез)
{
вар рв = res.value;
если (с.в.)
{
alert('Регистрация прошла успешно!');
window.location.href='/Default.aspx';
}
еще
{
alert('Произошла ошибка и регистрация не удалась! Возможно, имя пользователя или доменное имя было зарегистрировано кем-то другим!');
}
}
// Проверяем, зарегистрировано ли доменное имя имени пользователя другими пользователями
функция checkIsRegistered (obj, errorS, t)
{
вар v = obj.value;
вар rv = RegUser.CheckIsRegistered(v, t).value;
если (с.в.)
{
оповещение (ошибки);
объект.выбрать();
вернуть ложь;
}
}
</скрипт>
</голова>
<body MS_POSITIONING="GridLayout">
<form id="Form1" метод="post" runat="server">
<table align="center" cellpadding="3" cellpacing="0">
<тр>
<td><div align="right">Имя пользователя:</div>
</td>
<td><input type="text" id="txtUserName" onblur="checkIsRegistered(this, "Это имя пользователя уже зарегистрировано, используйте другое!", 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>
<тр>
<td><div align="right">Пароль:</div>
</td>
<td><input type="password" id="txtPassword" maxlength="15" isRequired="true" isValidate="true" errorSForEmpty="Пароль не может быть пустым!" errorSForValidate="Ошибка сопоставления! Требуется 3–16 символов". раздел, позволяющий использовать буквенно-цифровые символы подчеркивания и разрешенные защитные символы!!" validatePattern="/^[a-zA-Z0-9_$%]{2,15}$/"><font color="#ff0000">*</font></td>
</tr>
<тр>
<td><div align="right">Подтвердите пароль:</div>
</td>
<td><input type="password" id="txtConfirmPassword" isRequired="true" errorSForEmpty="Подтверждение пароля не может быть пустым!"><font color="#ff0000">*</font></td>
</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>
<тр>
<td><div align="right">Ответ на вопрос о пароле:</div>
</td>
<td><input type="text" id="txtAnswer" maxlength="50" isRequired="true" isValidate="true" errorSForEmpty="Ответ на вопрос о пароле не заполнен errorSForValidate="Длина!" должно быть от 8 до 50 символов. Между словами не должно быть пробелов!" validatePattern="//S{8,50}/"><font color="#ff0000">*</font></td>
</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>
<тр>
<td><div align="right">Пол:</div>
</td>
<td><input type="radio" id="boy" name="sex" value="1" отмечен>Мужчина<input type="radio" id="girl" name="sex" value="0" >Женский</td>
</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>
<тр>
<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>
<тр>
<td><div align="right">Мобильный телефон:</div>
</td>
<td><input type="text" id="txtMobile" isValidate="true" errorSForValidate="Неправильный формат мобильного телефона!" validatePattern="/^1/d{10}$/"></td>
</tr>
<тр>
<td><div align="right">Вопрос:</div>
</td>
<td><input type="text" id="txtQQ" isValidate="true" errorSForValidate="Неправильный формат QQ!" validatePattern="/^[1-9]*[1-9][0-9] *$/"></td>
</tr>
<тр>
<td><div align="right">Адрес:</div>
</td>
<td><input type="text" id="txtAddress"></td>
</tr>
<тр>
<td><div align="right">Почтовый индекс:</div>
</td>
<td><input type="text" id="txtPostalcode" maxlength="6" isValidate="true" errorSForValidate="Неверный почтовый индекс!" validatePattern="/^/d{6}/"></td>
</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 = функция (объект)
{
вар флаг = правда;
for(var i=0; i<obj.length; i++)
{
вар е = obj.item(i);
если (e.isRequired)
{
если(e.value=='')
{
предупреждение (e.errorSForEmpty);
е.фокус();
флаг = ложь;
перерыв;
}
}
если (e.isValidate)
{
если (this.checkValidate(e) == false)
{
предупреждение (e.errorSForValidate);
е.выбрать();
е.фокус();
флаг = ложь;
перерыв;
}
}
}
флаг возврата;
}
// проверочное значение подтверждено
this.checkValidate = функция (e)
{
вар v = e.value;
если(v!='')
{
вернуть this.checkReg(e.validatePattern, v);
}
}
// проверка регулярного выражения
this.checkReg = функция (шаблон, значение)
{
шаблон = шаблон.подстрока(1, шаблон.длина-1);
вар reg = новый RegExp (шаблон);
если(!reg.test(значение))
{
вернуть ложь;
}
}
// возвращаем объект Element By id для какого идентификатора.
this.$getElementById = функция (идентификатор)
{
вар е = document.getElementById(id);
если(е!='не определено')
{
вернуть е;
}
возвращаться;
}
// возвращаем объект Element By name для какого идентификатора.
this.$getElementsByName = функция (идентификатор)
{
вар е = document.getElementsByName(id);
если(е!='не определено')
{
вернуть е;
}
возвращаться;
}
}
Выложите фото эффекта: