Radtextbox подтвердить URL

У меня есть radtextbox, где я хотел бы предложить пользователю ввести URL, существует ли свойство, которое проверяет этот ввод в radtextbox? Если нет, что я могу использовать, чтобы позволить пользователям вводить URL?.

Буду признателен за любые советы по этому вопросу.

С уважением

Источник

2 ответа

Решение

Потому что они используют текстовое поле и назначают маску с JavaScipt

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;
}
Источник

Использовать InputType

Начиная с третьего квартала 2011 года RadTextBox обеспечивает поддержку новых типов ввода HTML5

Пример:

<telerik:RadTextBox ID="txt1" runat="server" RenderMode="Lightweight" Label="Image Url: " MaxLength="100" ToolTip="Put URL ..." InputType="Url" />
Источник
Другие вопросы по тегам