在CSS、HTML和Javascript上显示_Javascript_Html_Css

在CSS、HTML和Javascript上显示

javascript html css

在CSS、HTML和Javascript上显示,javascript,html,css,Javascript,Html,Css,我试图搜索类似的东西，但没有找到我有两个按钮。如果我单击其中一个，我想隐藏一些div，但它不起作用。当我打开页面时，div d2和d3被隐藏了，没关系。当我尝试单击一个按钮时，它会单击而不执行任何操作。有没有其他方法来做我想做的事？我做错什么了吗 <head><title>Aggiungi Studi e Lavori</title> <script type='text/javascript'> function Funz1()

我试图搜索类似的东西，但没有找到

我有两个按钮。如果我单击其中一个，我想隐藏一些div，但它不起作用。当我打开页面时，div d2和d3被隐藏了，没关系。当我尝试单击一个按钮时，它会单击而不执行任何操作。有没有其他方法来做我想做的事？我做错什么了吗

<head><title>Aggiungi Studi e Lavori</title>
<script type='text/javascript'>

 function Funz1()
    {
        document.getElementById("d1").style.display = "none";
        document.getElementById("d2").style.display = "none";
        document.getElementById("d3").style.display = "block";

    }


function Funz2()
    {
        document.getElementById("d1").style.display = "none";
        document.getElementById("d2").style.display = "block";
        document.getElementById("d3").style.display = "none";

    }

function checkForm3()
 {
 // Controllo che tutti i campi  della registrazione vengano inseriti
    if(document.registration_form.luogo.value == '' ||
   document.registration_form.titolo.value == '' || 
   document.registration_form.anno.value == '' ||
   )
{
    alert('Inserire tutti i dati contrassegnati con un asterisco');
    return false;
}
// Se arriviamo qui va tutto bene
return true;
}

function checkForm4()
{
// Controllo che tutti i campi  della registrazione vengano inseriti
if(document.registration_form.luogo2.value == '' ||
   document.registration_form.ruolo.value == '' || 
   document.registration_form.anno2.value == '' ||
   )
{
    alert('Inserire tutti i dati contrassegnati con un asterisco');
    return false;
}
// Se arriviamo qui va tutto bene
return true;
}
</script>

<meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" 

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
 <script 
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
 </script>
 </head>
<body>

<br>
<div id="d1">

<button type="button" onclick="Funz1()" >Aggiungi Esperienza 
Lavorativa</button>              
 <button type="button" onclick="Funz2()" > Aggiungi Esperienza di 
Studio</button> 

</div>



<div id="d2" style= display:none>
<br><form name='studio_form' action='Esperienze.php' method='post' 
 onsubmit='return checkForm3()' >
        <div class='row'>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='titolo'>Titolo</label>
<input type='text' name='titolo'>
</div>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='anno'>Anno</label>
<input type='text' name='anno'>
</div>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='luogo'>Luogo</label>
<input type='date' name='luogo'>
</div>



<div class='form-group col-xs-12 col-md-12 col-sm-12 col-lg-12'>                
<input name='submit' type='submit' value='Aggiungi'>     
</div>      

</div>                
</form>
</div>








<div id="d3" style= display:none>
<form name='lavoro_form' action='Esperienze.php' method='post' 
onsubmit='return 
checkForm4()' disabled>
        <div class='row'>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='ruolo'>Ruolo</label>
<input type='text' name='ruolo'>
</div>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='anno2'>Anno</label>
<input type='text' name='anno2'>
</div>

<div class='form-group col-xs-12 col-md-6 col-sm-6 col-lg-6'>            
<label for='luogo2'>Luogo</label>
<input type='date' name='luogo2'>
</div>



<div class='form-group col-xs-12 col-md-12 col-sm-12 col-lg-12'>                
<input name='submit' type='submit' value='Aggiungi'>     
</div>      

</div>                
</form>
</div>

 </body>   



</html>

Idk，如果这可能导致问题，但您有一个如下所示的开始脚本标记

<script

它就在样式表链接的正下方

<link rel="stylesheet" 

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

您正在用| |完成if。因此，代码将预期另一个条件，而不是结束标记

Aggiungi Studi e Lavori 函数Funz1 { document.getElementByIdd1.style.display=none； document.getElementByIdd2.style.display=none； document.getElementByIdd3.style.display=block； } 函数Funz2 { document.getElementByIdd1.style.display=none； document.getElementByIdd2.style.display=block； document.getElementByIdd3.style.display=none； } 功能检查表3 { //注册中心管理员 ifdocument.registration\u form.luogo.value==|| document.registration_form.titolo.value==|| document.registration\u form.anno.value== { 警告“合同中的任何一项都不可撤销”；返回false； } //我是阿利瓦莫·奎瓦·图托·贝尼返回true； } 功能检查表4 { //注册中心管理员 ifdocument.registration\u form.luogo2.value==|| document.registration_form.ruolo.value==|| document.registration\u form.anno2.value== { 警告“合同中的任何一项都不可撤销”；返回false； } //我是阿利瓦莫·奎瓦·图托·贝尼返回true； } 阿吉恩吉·埃斯佩里恩扎拉沃拉维亚阿吉恩吉埃斯佩林扎酒店演播室蒂托洛安诺洛戈卢洛安诺洛戈

函数checkForm4中的语法错误。if condition1 |{..}不仅仅是checkForm4，所有检查都是用||