如果表单状态无效,如何隐藏div

时间:2013-06-04 05:15:33

标签: javascript asp.net-mvc

如果表单状态无效,有人可以建议我如何隐藏div吗?

其实我的要求是这样的: - 我需要在页面加载时显示一些成功条和&然后我想隐藏这个div,如果用户点击提交按钮时表单状态无效。我试过这个,这在以前工作但不知何故我们的UI被更改了。因此,当我尝试将此代码与新UI集成时,它无法正常工作。

<div class="addUser_success">
</div>
<button class="addUser_button" type="submit" onclick="hideDiv()"></button>

脚本代码: -

function hideDiv() 
   {           
       if (document.getElementById) {
           document.getElementById('addUser_success').style.display = 'none';
   }

我也使用了Jquery,但根本不起作用

我的Jquery代码: -

$(document).ready(function () 
    {
        $(".addUser_button").click(function () 
        {
            alert("hai1");
            $(".addUser_success").hide();
        });
    });
Any code snippets please????

2 个答案:

答案 0 :(得分:0)

我认为是

div.style.display ='none';

div.style.display ='block';

答案 1 :(得分:0)

试试这个:

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'block')
        e.style.display = 'none';
    else
        e.style.display = 'block';
}