Как передать значение внешнему файлу javascript с помощью asp.net

Question

Я делаю проверку в asp.net через внешний файл javascript. Как передать значение функции, находящейся во внешнем файле javascript?

мой жерех код:

<asp:TextBox runat="server" ID="txtInput"></asp:TextBox> 
<asp:Button runat="server" 
    OnClientClick="javascript:phonenumber(document.getElementByID('<%txtInput.text %>'))" 
    Text="Click"/>   

При нажатии на эту кнопку, как это должно показать предупреждающее сообщение, но это не так. Пожалуйста, скажи мне, что я делаю неправильно.

код My Javascript является:

function phonenumber(inputtxt) 
{ 
    var phoneno = /^\d{10}$/; 
    if(inputtxt.value.match(phoneno)) 
    { 
     return true; 
    } 
    else 
    { 
     alert("Not a valid Phone Number"); 
     return false; 
    } 
} 

Answer 1

Есть несколько проблем здесь. Прежде всего помните, что <%= txtInput.text %> собирается создать вывод, который выглядит как javascript:phonenumber(), потому что текстовое поле, по-видимому, не имеет значения при визуализации страницы. Даже если пользователь меняет текстовое поле, он не будет отражен в этом вызове функции.

Во-вторых, вам не нужна часть javascript:. И, как упоминалось ранее, это чувствительный к регистру. В-третьих, код JavaScript для вашего регулярного выражения отсутствует в скобках.

Попробуйте что-то вроде этого:

функция ValidatePhone (элемент) { вар эш = document.getElementById (элемент);

 var phoneno = "/^\d{10}$/"; 
     if (el.value.match(phoneno)) { 
      alert("Valid"); 
      return true; 
     } else { 
      alert("Not a valid Phone Number"); 
      return false; 
     } 
    } 

 <asp:TextBox runat="server" ID="txtInput" ClientIDMode="Static" /> 
     <asp:Button runat="server" OnClientClick="ValidatePhone('txtInput');" Text="Test" /> 
    </div> 
</form> 

Примечание: Я не протестировать функцию регулярных выражений.

Answer 2

другой вариант: установить текстовое поле ClientIDMode в Static и просто ссылаться на поле ввода по идентификатору, как txtInput, таким образом, вы можете избежать имя коверкая и сделать ваши поля ввода более JS дружественным таким образом, что это:

<asp:TextBox runat="server" ID="txtInput" ClientIDMode="Static"></asp:TextBox> 
<asp:Button runat="server" OnClientClick="phonenumber()" Text="Click"/> 

визуализируется как: (обратите внимание на идентификатор на ввод текста)

<input name="ctl00$ctl00$MainContent$txtInput" type="text" id="txtInput"> 
<input type="submit" name="ctl00$ctl00$MainContent$Button1" value="Click" onclick="phonenumber();" id="MainContent_Button1"> 

отметить также, что кнопка отображается как тип отправленное, который заставит постбэк в любом случае. yiou может просто хотеть использовать простой текстовый тег html с равным onclick='phonenumber()', чтобы избежать обратной передачи, потому что даже если вы выберете рендеринг с атрибутом UseSubmitBehavior="False", он все равно будет вводить обратную передачу после вашего кода OnClientClick.

JS:

function phonenumber() 
{ 
    var phoneNumText = document.getElementById('txtInput'); 
    var phoneno = /^\d{10}$/; 
    if(phoneNumText.value.match(phoneno)) 
     return true; 
    else 
    { 
     alert("Not a valid Phone Number"); 
     return false; 
    } 
}