Question

我有一个radtextbox，我想提示用户输入一个URL，是否存在一个在radtextbox中验证此输入的属性？如果没有，我可以使用什么来允许用户输入URL？

我很感激有关此事的任何建议。

此致

Answer 1

因为他们使用文本框并使用JavaScript分配掩码 ASP BUTTON

<asp:TextBox runat="server" ID="txtOrigeenHup" CssClass="mycssMascara" Width="390px" 
     TextMode="MultiLine" Text='<%# Eval("urlOrigen") %>' 
     onfocus="OnFocus(this.id,'http://paginaEjemplo.com')" 
     onblur="OnBlur(this.id,'http://paginaEjemplo.com')">http://paginaEjemplo.com asp>

JAVASCRIPT

 function OnFocus(elementId, defaultText) {
if (document.getElementById(elementId).value == defaultText) {
    document.getElementById(elementId).className = "mycssMascara";
    document.getElementById(elementId).value = "";
}}
  function OnBlur(elementId, defaultText) {
var textValue = document.getElementById(elementId).value;

if (textValue == defaultText || textValue.length == 0) {
    document.getElementById(elementId).className = "mycssMascara";
    document.getElementById(elementId).value = defaultText;
}
else
    document.getElementById(elementId).className = "mycss";  }

CSS

 .mycssMascara
{
 font-weight: normal; color: #808080; background-color: #FFFFFF; border: 1px solid #C0C0C0; letter-spacing: 0pt; word-spacing: 1pt; font-size: 14px; text-align: left; font-family: arial, helvetica, sans-serif; line-height: 1; margin: 4px; padding: 6px;
}

.mycss
{ font-weight: normal; color: #000000;  background-color: #FFFFFF; border: 1px solid #C0C0C0; letter-spacing: 
0pt;  word-spacing: 1pt; font-size: 14px; text-align: left; font-family: arial, helvetica, sans-serif; line-height: 1; margin: 4px;  padding: 6px;
}

Answer 2

使用InputType

截至2011年第3季度，RadTextBox支持新的HTML5输入类型

示例：

<telerik:RadTextBox ID="txt1" runat="server" RenderMode="Lightweight" Label="Image Url: " MaxLength="100" ToolTip="Put URL ..." InputType="Url" />

radtextbox验证网址

2 个答案: