文本框是只读的Javascript警报框

时间:2014-10-10 09:48:00

标签: javascript

我有一个场景来显示警告框,例如"你不能输入值"当用户在文本框处于只读状态时单击文本框时。

Java脚本: -

 function functionServerDisable()
    {    
    document.getElementById("txtServerName").readOnly=true;        
    } 

Aspx代码: -

<asp:TextBox ID="txtServerName" runat="server"></asp:TextBox>

我不知道如何弹出警告框,特别是用户尝试在只读模式的文本框中输入数据。

3 个答案:

答案 0 :(得分:1)

即使输入为readonly

,您也可以绑定到“焦点”事件

http://jsfiddle.net/y8vvj0q0/1/

test.addEventListener('focus', function(){
    alert("You cannot Enter the Values"); 
});

答案 1 :(得分:1)

为什么不在输入元素中使用onfocus事件?

&#13;
&#13;
    function functionServerDisable()
    {    
    	document.getElementById("txtServerName").readOnly=true;        
    } 
    functionServerDisable()
    
    function checkelement(el)
    {
    	if(el.readOnly == true)
    	{
    		alert("Read only.");
    	}
    }
&#13;
<input type="text" id="txtServerName"  onfocus='checkelement(this)'>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您可以使用onkeydown函数显示警报示例代码,如下所示: -

<input type="text" readonly="true" onkeydown="validate()" />
<script>

function validate()
{
alert("You cannot Enter the Values");
}
</script>