模仿其它网页设计
发布网友
发布时间：2022-05-18 22:35
共3个回答
热心网友
时间：2023-11-14 14:45
<html xmlns="http://www.w3.org/1999/xhtml">
<link href="style.css" type="text/css" rel="stylesheet">
<script src="jquery-1.8.0.min.js" type="text/javascript" charset="utf-8">
</script>
<!--Jquery start-->
<script type="text/javascript">
function checkForNull()
{
var obj = $("input[name='name']");/*引用用户输入的内容并赋值给obj*/
var mesObj = $("#message");/*id的引用，赋值给mesObj，再应用append对span中追加内容*/
var nameValue = obj.val();
if(nameValue == null || nameValue == "")/*用户名空的验证*/
{
mesObj.empty();
mesObj.append("姓名不能为空!")
return false;
}
return true;
}
function submitBefore(ind)/*目的：用于提交前的验证 ind：选择第几个表单参数0是第一个标点 bool：
为提交false为不提交*/
{
if(checkForNull())
{
$("form").eq(ind).submit();
}
}
$(function()
{
same();
});
function same()
{
var obj1 = $("input[name='name1']");
var obj2 = $("input[name='name2']");
obj2.blur(function(){
checkSame(obj1,obj2,"message","两次密码不同");
});
}
function checkSame(obj1,obj2,id,mes)
{
var message = $("#"+id);
var value1 = obj1.val();
var value2 = obj2.val();
if(value1 == value2)
{
message.empty();
return true;
}
else
{
message.empty();
message.append(mes);
return false;
}
}
</script>
<!--Jquery end-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body bgcolor="#9999FF";>
<div class="login">
<form action="submit.html" method="post">
<span class="word"><strong><span style="padding-left:30px;">姓名:</span></strong></span>
<input type="text" name="name" class="input">
<br>
<span class="word"><span style="padding-left:38px;"><strong>密码</strong></span></span>
<input type="text" name="name1">
<br>
<span class="word"><strong>确认密码:</strong></span>
<input type="text" name="name2">
<br>
<span id="message"></span>
<input type="button" value="提交" onclick="submitBefore(0)" class="button">
</form>
</div>
</body>
</html>
热心网友
时间：2023-11-14 14:46
做登入系统，要不要传值，传值过程要不要判断，判断要不要验证！最后通过，那通过了看什么?
热心网友
时间：2023-11-14 14:46
