求高手帮忙写一个javascript网页
要求如下：1、注册窗口中的用户名如果为空请提示：用户名不能为空2、注册窗口中的生日如果为空请提示：生日不能为空3、注册窗口中的密码如果为空请提示：密码不能为空4、注册窗口...
要求如下：1、 注册窗口中的用户名如果为空请提示：用户名不能为空
2、 注册窗口中的生日如果为空请提示：生日不能为空
3、 注册窗口中的密码如果为空请提示：密码不能为空
4、 注册窗口中的确认密码如果为空请提示：确认密码不能为空
5、 注册窗口中的密码和确认密码如果不一致提示：密码不一致
6、 窗口提示的DIV中的错误提示出现在所对应的文本框的右边，但如果没有错误时，文本框的右边一定不能出现内容
7、 窗口提示的DIV中的生日可根据月份显示正确的日期数
8、 当点注册按钮时，如果没有错误则弹出一对话并提示：验证成功 展开
2、 注册窗口中的生日如果为空请提示：生日不能为空
3、 注册窗口中的密码如果为空请提示：密码不能为空
4、 注册窗口中的确认密码如果为空请提示：确认密码不能为空
5、 注册窗口中的密码和确认密码如果不一致提示：密码不一致
6、 窗口提示的DIV中的错误提示出现在所对应的文本框的右边，但如果没有错误时，文本框的右边一定不能出现内容
7、 窗口提示的DIV中的生日可根据月份显示正确的日期数
8、 当点注册按钮时，如果没有错误则弹出一对话并提示：验证成功 展开
展开全部
function yanzheng() {
var name =document.getElementById("name").value;
var shengri =document.getElementById("shengri").value;
var mima = document.getElementById("mima").value;
var mima2 = document.getElementById("mima2").value;
var div_name= document.getElementById("div_name");
var div_shengri= document.getElementById("div_name");
var div_mima = document.getElementById("div_mima");
var div_mima2 = document.getElementById("div_mima2");
if(name==""){
div_name.innerHTML ="姓名不能为空";
}else if(shengri==""){
div_shengri.innerHTML ="生日不能为空";
}else if(mima==""){
div_mima.innerHTML ="密码不能为空";
}else if(mima!=mima2){
div_mima2.innerHTML ="两次密码不一致";
}else{
alert("验证成功！");
}
}
只有日期的验证没写，太麻烦了~你只要判断 三种不同日期的月份，分别负值就行
var name =document.getElementById("name").value;
var shengri =document.getElementById("shengri").value;
var mima = document.getElementById("mima").value;
var mima2 = document.getElementById("mima2").value;
var div_name= document.getElementById("div_name");
var div_shengri= document.getElementById("div_name");
var div_mima = document.getElementById("div_mima");
var div_mima2 = document.getElementById("div_mima2");
if(name==""){
div_name.innerHTML ="姓名不能为空";
}else if(shengri==""){
div_shengri.innerHTML ="生日不能为空";
}else if(mima==""){
div_mima.innerHTML ="密码不能为空";
}else if(mima!=mima2){
div_mima2.innerHTML ="两次密码不一致";
}else{
alert("验证成功！");
}
}
只有日期的验证没写，太麻烦了~你只要判断 三种不同日期的月份，分别负值就行
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function Fou()
{
if(document.getElemtnByid("控件ID").value==“”)
{
alert(" ***不能为空 ");
return ;
}
if(document.getElemtnByid("控件1ID").value==document.getElemtnByid("控件2ID").value)
{
alert(" 两次密码不一致 ");
return ;
}
alert("成功");
}
照着这个模板套就可以 了。 如果服务端控件的话 就是
document.getElemtnByid("控件1ID").text
{
if(document.getElemtnByid("控件ID").value==“”)
{
alert(" ***不能为空 ");
return ;
}
if(document.getElemtnByid("控件1ID").value==document.getElemtnByid("控件2ID").value)
{
alert(" 两次密码不一致 ");
return ;
}
alert("成功");
}
照着这个模板套就可以 了。 如果服务端控件的话 就是
document.getElemtnByid("控件1ID").text
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML><!-- InstanceBegin template="/Templates/Template.dwt" codeOutsideHTMLIsLocked="false" -->
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<!-- InstanceBeginEditable name="doctitle" -->
<TITLE>用户注册页面</TITLE>
<LINK href="image/style.css" type="text/css" rel="stylesheet">
<SCRIPT language="javascript">
//验证Email是否合法
//验证会员名是否合法
function checkname()
{
var name=document.getElementById("username");
var name1=name.value.charAt(0).toLowerCase();
//reg=/^[A-Za-z]+$/;
if(name.value=="")
{
//alert("会员名不能为空！");
document.getElementById("divname").innerHTML="<font color='red'>会员名不能为空！</font>"; //显示提示信息
name.focus();
return false;
}
if(!(name1>"a") && !(name1<"z"))
{
document.getElementById("divname").innerHTML="<font color='red'>会员名必须以字母开头！</font>"; //显示提示信息
name.select();
return false;
}
if(name.value.length<6)
{
document.getElementById("divname").innerHTML="<font color='red'>会员名长度不能小于6位！</font>"; //显示提示信息
name.select();
return false;
}
document.getElementById("divname").innerHTML=" 会员名须以字母开头，至少6位";
//alert("恭喜您，此用户名可用！");
return true;
}
//验证密码是否合法
function checkpwd()
{
var pwd=document.getElementById("userpwd"); //获取密码框
if(pwd.value=="")
{
document.getElementById("fpwd").innerHTML="<font color='red'>密码不能为空!</font>"; //更改提示信息
//pwd.focus();
return false;
}
if(pwd.value.length<6)
{
document.getElementById("fpwd").innerHTML="<font color='red'>密码长度小于6位!</font>"; //更改提示信息
//pwd.focus();
return false;
}
document.getElementById("fpwd").innerHTML="密码设置至少6位"; //更改提示信息
return true;
}
//验证重复密码是否合法
function checkpwds()
{
var pwds=document.getElementById("userpwds"); //获取重复密码框
//验证重复密码框
if(pwds.value=="")
{
document.getElementById("frepeatpwd").innerHTML="<font color='red'>重复密码不能为空!</font>"; //重复密码框更改提示信息
//pwds.focus();
return false;
}
if(pwds.value.length<6)
{
document.getElementById("frepeatpwd").className=".font_error"; //重复密码框提示信息的字体样式
document.getElementById("frepeatpwd").innerHTML="<font color='red'>密码长度小于6位!</font>"; //重复密码框更改提示信息
//pwds.focus();
return false;
}
document.getElementById("frepeatpwd").innerHTML=""; //更改提示信息
return true;
}
//验证两次密码是否相同
function checkpwdispwds()
{
var pwd=document.getElementById("userpwd"); //获取密码框
var pwds=document.getElementById("userpwds"); //获取重复密码框
//验证两次密码是否相同
if(pwd.value!=pwds.value)
{
alert("两次输入的密码不同！");
pwds.select();
return false;
}
return true;
}
//验证表单
function checkform()
{
if(checkemail() && checkname() && checkpwd() && checkpwds() && checkpwdispwds())
{
return true;
}
return false;
}
</SCRIPT>
<!-- InstanceEndEditale -->
</HEAD>
<BODY>
<!--用户注册开始-->
<DIV class="register"><TABLE width="857" border="0" cellspacing="0" cellpadding="0">
<TABLE width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD class="register-td">密 码：</TD>
<TD><INPUT name="psw" id="userpwd" type="password" class="register-input" onBlur="checkpwd()" ></TD>
<TD><DIV id="fpwd">密码设置至少6位</DIV></TD>
</TR>
<TR>
<TD class="register-td">重复密码：</TD>
<TD><INPUT name="repeatpsw" id="userpwds" type="password" class="register-input" onBlur="checkpwds()" ></TD>
<TD><DIV id="frepeatpwd"></DIV></TD>
</TR>
</TABLE>
</BODY>
</HTML>
//////////////////////////////////////////////////////直接复制就可以看到效果了
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<!-- InstanceBeginEditable name="doctitle" -->
<TITLE>用户注册页面</TITLE>
<LINK href="image/style.css" type="text/css" rel="stylesheet">
<SCRIPT language="javascript">
//验证Email是否合法
//验证会员名是否合法
function checkname()
{
var name=document.getElementById("username");
var name1=name.value.charAt(0).toLowerCase();
//reg=/^[A-Za-z]+$/;
if(name.value=="")
{
//alert("会员名不能为空！");
document.getElementById("divname").innerHTML="<font color='red'>会员名不能为空！</font>"; //显示提示信息
name.focus();
return false;
}
if(!(name1>"a") && !(name1<"z"))
{
document.getElementById("divname").innerHTML="<font color='red'>会员名必须以字母开头！</font>"; //显示提示信息
name.select();
return false;
}
if(name.value.length<6)
{
document.getElementById("divname").innerHTML="<font color='red'>会员名长度不能小于6位！</font>"; //显示提示信息
name.select();
return false;
}
document.getElementById("divname").innerHTML=" 会员名须以字母开头，至少6位";
//alert("恭喜您，此用户名可用！");
return true;
}
//验证密码是否合法
function checkpwd()
{
var pwd=document.getElementById("userpwd"); //获取密码框
if(pwd.value=="")
{
document.getElementById("fpwd").innerHTML="<font color='red'>密码不能为空!</font>"; //更改提示信息
//pwd.focus();
return false;
}
if(pwd.value.length<6)
{
document.getElementById("fpwd").innerHTML="<font color='red'>密码长度小于6位!</font>"; //更改提示信息
//pwd.focus();
return false;
}
document.getElementById("fpwd").innerHTML="密码设置至少6位"; //更改提示信息
return true;
}
//验证重复密码是否合法
function checkpwds()
{
var pwds=document.getElementById("userpwds"); //获取重复密码框
//验证重复密码框
if(pwds.value=="")
{
document.getElementById("frepeatpwd").innerHTML="<font color='red'>重复密码不能为空!</font>"; //重复密码框更改提示信息
//pwds.focus();
return false;
}
if(pwds.value.length<6)
{
document.getElementById("frepeatpwd").className=".font_error"; //重复密码框提示信息的字体样式
document.getElementById("frepeatpwd").innerHTML="<font color='red'>密码长度小于6位!</font>"; //重复密码框更改提示信息
//pwds.focus();
return false;
}
document.getElementById("frepeatpwd").innerHTML=""; //更改提示信息
return true;
}
//验证两次密码是否相同
function checkpwdispwds()
{
var pwd=document.getElementById("userpwd"); //获取密码框
var pwds=document.getElementById("userpwds"); //获取重复密码框
//验证两次密码是否相同
if(pwd.value!=pwds.value)
{
alert("两次输入的密码不同！");
pwds.select();
return false;
}
return true;
}
//验证表单
function checkform()
{
if(checkemail() && checkname() && checkpwd() && checkpwds() && checkpwdispwds())
{
return true;
}
return false;
}
</SCRIPT>
<!-- InstanceEndEditale -->
</HEAD>
<BODY>
<!--用户注册开始-->
<DIV class="register"><TABLE width="857" border="0" cellspacing="0" cellpadding="0">
<TABLE width="96%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD class="register-td">密 码：</TD>
<TD><INPUT name="psw" id="userpwd" type="password" class="register-input" onBlur="checkpwd()" ></TD>
<TD><DIV id="fpwd">密码设置至少6位</DIV></TD>
</TR>
<TR>
<TD class="register-td">重复密码：</TD>
<TD><INPUT name="repeatpsw" id="userpwds" type="password" class="register-input" onBlur="checkpwds()" ></TD>
<TD><DIV id="frepeatpwd"></DIV></TD>
</TR>
</TABLE>
</BODY>
</HTML>
//////////////////////////////////////////////////////直接复制就可以看到效果了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
日期验证 如果你使用的是smarty 模板 可以直接使用{html_select_date} 日期下拉菜单选择
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
