问题遇到的现象和发生背景
写dynamic web的时候提交表格,我本来设置成功提交会有alert,但是却没有
问题相关代码,请勿粘贴截图
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-md-10">
<p>Do you want to contact me? Fill out the form below to send me a message, and I will respond ASAP!</p>
<div id="error_message"></div>
<form onsubmit="return validate();">
<div>
<div>
<label style="color:#fff">Name</label>
<input type="text" class="form-control" placeholder="Name" id="name">
</div>
</div>
<div>
<div>
<label style="color:#fff">Email Address</label>
<input type="text" class="form-control" placeholder="Email Address" id="email">
</div>
</div>
<div>
<div>
<label style="color:#fff">Phone Number</label>
<input type="text" class="form-control" placeholder="Phone Number" id="phone" >
</div>
</div>
<div>
<div>
<label style="color:#fff">Profession</label>
<input type="text" class="form-control" placeholder="Profession" id="profession" >
</div>
</div>
<div>
<div>
<label style="color:#fff">Message</label>
<textarea class="form-control" placeholder="Message" id="message" ></textarea>
</div>
</div>
<br>
<button class="btn btn-secondary float-right" type="submit" id="submit">Send</button>
</form>
</div>
</div>
</div>
function validate(){
let name = document.getElementById("name").value;
let email = document.getElementById("email").value;
let phone = document.getElementById("phone").value;
let profession = document.getElementById("profession").value;
let message = document.getElementById("message").value;
let error_message = document.getElementById("error_message");
error_message.style.padding = "10px";
let text;
if(name.length < 1){
text = "Please enter valid name.";
error_message.innerHTML = text;
return false;
}
if(email.length < 10){
text = "Please enter valid email address.";
error_message.innerHTML = text;
return false;
}
if(phone.length < 1){
text = "Please enter valid phone number.";
error_message.innerHTML = text;
return false;
}
if(profession.length < 1){
text = "Please enter valid profession.";
error_message.innerHTML = text;
return false;
}
if(message.length < 10){
text = "Please enter more than 10 characters.";
error_message.innerHTML = text;
return false;
}
if(isNaN(phone)||phone.length < 1){
text = "Please enter valid phone number.";
error_message.innerHTML = text;
return false;
}
if(emailAddress.indexOf("@") == -1 || emailAddress.length < 10){
text = "Please enter valid email";
error_message.innerHTML = text;
return false;
}
alert("your form is submitted");
return true;
}
运行结果及报错内容
结果就是没有弹出“your form is submitted"
我的解答思路和尝试过的方法
我想要达到的结果
弹出alert:”your form is submitted"