2014-10-10 23 views
1

当用户在文本框处于只读状态时单击文本框时,我有一个方案可以显示类似“无法输入值”的提示框。只读文本框中的Java脚本提示框

Java脚本: -

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

.aspx的代码: -

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

我不知道如何弹出警告框,特别是用户试图进入该数据文本框处于只读模式。

+0

如果'input'只是'readonly'而不是'disabled',你应该能够处理'events'像'click','keyup','keypress',等 – melancia 2014-10-10 09:53:21

回答

0

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

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

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

我正在使用服务器控件,我设置文本框只读在Java脚本@praveen。 – 2014-10-10 10:01:53

+0

我没有得到你真正想要的东西。你能否详细解释你的问题@ dinesh.k – 2014-10-10 10:05:54

+0

你已经在html文本控件中使用了onkeydown =“validate()”......但是我使用的是服务器控件。在这没有onkeydown事件.. 2014-10-10 10:12:58

1

您可以绑定到“焦点”事件,即使输入为readonly

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

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

警报多次 – 2014-10-10 10:01:16

1

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

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

+0

我正在使用服务器控制文本框..没有onfocus事件是在文本框服务器控件@Wracker – 2014-10-10 10:10:39

+0

你是什么意思的文本框?你的意思是一个ASP.NET元素? Becauase您的文章只有Javascript标签标签,所以我建议你提供更多的细节。 – Wracker 2014-10-10 10:17:21

+0

我刚更新了我的aspx页面代码@wracker ... – 2014-10-10 10:21:51