Как изменить отображение, которое нельзя заблокировать при отправке формы

Я изучаю JSP, javascript и немного jquery в свое время, поэтому, пожалуйста, не обращайте внимания на вероятно ужасный код или логику, но я делаю форму и когда я отправляю form Я хочу, чтобы он отображал 3 ярлыка, показывающие входы, как видно из приведенного ниже кода. У меня есть работа над отправкой, но я не могу понять, как изменить отображение CSS из ни одного в блок. Это, вероятно, смотрит на меня в лицо, но я не могу понять.Как изменить отображение, которое нельзя заблокировать при отправке формы

JSP

<html> 
<body> 

<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/dylan/css/styles.css" /> 

<form action="form.jsp" id="test" name="test" method="POST"> 
<label>Please enter your name:</label> 
<input name="Name" id="Name"> 
<br> 
<br> 
<label>Please enter your number:</label> 
<input name="Num" id="Num"> 
<br> 
<br> 
<label>Please select your location:</label> 
<select name="Location" id="Location"> 
    <option value=""></option> 
    <option value="USA">USA</option> 
    <option value="UK">UK</option> 
    <option value="Ireland">Ireland</option> 
    <option value="France">France</option> 
    <option value="Germany">Germany</option> 
</select> 

<br> 
<br> 
<button type="button" id="btnsubmit" name="btnsubmit" onclick="myFunction()">Submit</button> 
<br> 

<p><label id="lblName" style="display:none;"><% out.println(request.getParameter("Name")); %></label></p> 

<p><label id="lblNumber" style="display:none;"><% out.println(request.getParameter("Num")); %></label></p> 

<p><label id="lblLocation" style="display:none;"><% out.println(request.getParameter("Location")); %></label></p> 

<script type="text/javascript" src="<%=request.getContextPath()%>/dylan/js/form.js"></script> 

</form> 
</body> 
</html>

В ярлыке я устанавливаю все 3 из стилей нет, я понятия не имею, как изменить это, чтобы блокировать при отправке формы.

CSS

body { 
    background-color:#066; 
    color:#fff; 
} 
form { 
    width:400px; 
    height:240px; 
    Background-color:#000; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:170px; 
    Padding:10px; 
    border-style:solid; 
    border-width:5px; 
    border-radius:25px; 
    text-align:center; 
}

Javascript

function myFunction() { 
    var mainname, mainnum, mainloc; 

    mainname = document.getElementById("Name").value; 
    mainnum = document.getElementById("Num").value; 
    mainloc = document.getElementById("Location").options[document.getElementById("Location").selectedIndex].value; 

    if (mainname == "") { 
     alert("Please enter your name"); 
     return false; 
    } 

    if (mainnum == "") { 
     alert("Please enter your Number"); 
     return false; 
    } 

    if (mainloc == '') { 
     alert("Please select a country from the list"); 
     return false; 
    } 

    document.getElementById("test").submit(); 
}

источник

2017-02-10 dylan335

Вы можете установить дисплей для блокировки, как показано ниже.

document.getElementById('lblName').style.display = 'block'; 
document.getElementById('lblNumber').style.display = 'block'; 
document.getElementById('lblLocation').style.display = 'block';

источник

2017-02-10 11:34:14 Pugazh

Если у вас есть много меток, которые вы можете использовать:

var labels = document.getElementsByTagName('label'); 

for(var i=0; i<labels.length; i++){ 
    labels[i].style.display = 'block'; 
}

источник

2017-02-10 11:42:33 NoNameIamLame

Где в коде бы я осуществить это? – dylan335

Если вы не знаете, сколько вам стоит пойти и узнать javascript лучше ... после нажатия кнопки onc – NoNameIamLame

Как изменить отображение, которое нельзя заблокировать при отправке формы

ответ

Смежные вопросы