Okey社区,
function validate() {
var name = document.getElementById("name").value;
var p = document.getElementById("pname");
console.log("validating"); // added by PM-77-1
if (name === null) {
p.className += " show";
return false;
} else {
return true;
}
}
.split {
height: 100%;
position: fixed;
top: 0;
}
.left {
left: 0;
width: 40%;
}
.right {
right: 0;
width: 60%;
}
.form {
margin: 30% 5% 30% 5%;
}
.input {
margin: 2% 2% 2% 2%;
height: 40px;
width: 35%;
}
.lower {
width: 76%;
}
h6 {
background-color: #3399ff;
margin-top: 0px;
min-height: 50px;
max-height: 50px;
font-size: 32px;
color: white;
}
button {
background-color: #3399ff;
color: white;
width: 77%;
min-height: 50px;
border: none;
border-radius: 5px;
margin-top: 10%;
}
body {
font-family: Futura Md BT;
}
#map_canvas {
height: 100%;
}
.name {
display: none;
}
.lastname {
display: none;
}
.address {
display: none;
}
.city {
display: none;
}
.country {
display: none;
}
.show {
display: block;
margin-top: 0px;
margin-bottom: 0px;
color: red;
}
<div class="split left">
<center>
<h6>User Details</h6>
<div class="form">
<form action="input.php" method="POST" onsubmit="event.preventDefault(); validate()">
<p class="name" id="pname">Please enter First Name</p>
<p class="lastname" id="lastname">Please enter Last Name</p>
<p class="address" id="address">Please enter Street / Number</p>
<p class="city" id="city">Please enter City</p>
<p class="country" id="country">Please enter country</p>
<input type="text" class="input" id="name" name="firstname" placeholder="First Name">
<input type="text" class="input" id="lastname" name="lastname" placeholder="Last Name"><br>
<input type="text" class="input lower" id="address" name="streetnumber" placeholder="Street / Number"><br>
<input type="text" class="input lower" id="city" name="city" placeholder="City"><br>
<input type="text" class="input lower" id="country" name="country" placeholder="Country"><br>
<button type="submit" onclick="return validate()">Add User</button>
</form>
</div>
</center>
</div>
请进行测试,并告诉我为什么它不起作用。我尝试了所有方法,但是不知何故我的js没有触发。我改变了身份证和一切。另外请告诉我我是否在表单中做了正确的事并验证了默认值,因为这是我第一次这样做。非常感谢大家。
我使用body onload(开始创建谷歌地图),但我没有粘贴该部分,效果很好。
[请帮我举个例子,非常感谢社区!!
onclick
不应返回任何内容,因此您可以删除()
并仅具有函数名称
您的函数validate
的调用很好,但是其中的某些语句执行得不好。这里有几个问题:
[当您应该调用validate()函数时,看起来好像是在主体负载上(在HTML中)调用了initialize()。