内联编辑控件

Question

标签将使用文本框的值进行初始化。 单击标签后，将显示文本框。 然后，用户可以编辑文本框的内容。 焦点模糊后，文本框将隐藏并显示标签。 如果用户删除文本框的内容或仅在文本框中输入空格，则该文本框不会被隐藏，从而避免显示没有文本的标签。 有没有办法做到这一点 ？

Answer 1

检查js验证文本框是否为空

function Validate()
{
    if(document.getElementById("txta").value=="")
    {
        alert('Please enter the value');
        document.getElementById("txta").focus();
        return false;
    }
}

或者你可以在服务器端

if (txa.text ="")
{
Response.Write('Text box cannot be empty');
}

Answer 2

未经测试，但总体思路应该可以帮助您。

HTML：

<asp:TextBox ID="txtA" onblur="txtBlur();" style="display:none;" runat="server"/>
<asp:Label ID="txtA" onclick="txtFocus();" runat="server"/>

客户端JS：

    <script>
    var txtA = document.getElementById("<%# txtA.ClientID %>");
    var lblA = document.getElementById("<%# lblA.ClientID %>");

    function txtBlur()
    {
        if (txtA.value.trim() != '')
        {
            lblA.innerText = txtA.value;

            lblA.style.display = 'inline';
            txtA.style.display = 'none';
        }
    }

    function txtFocus()
    {
        txtA.value = lblA.innerText;

        lblA.style.display = 'none';
        txtA.style.display = 'inline';
    }
    </script>