javascript clear asp textbox on html button click

Question

Я хочу очистить текстовое поле asp при нажатии кнопки (html).

поэтому в основном функция JS является:

<script type="text/javascript"> 
    function clearTextBox() { 
     document.getElementByID('<%=txtFName.ClientID%>').value = ""; 
    } 
</script> 

И asp.net TextBox

<asp:TextBox ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

И кнопка HTML

Все кнопки и другие элементы управления находятся в панель обновления asp (не знаю, если она отличается)

Ничего не случилось, когда я нажал на HTML clearButton, ошибка на веб-консоли:

Uncaught TypeError: undefined is not a function 
clearTextBox 
onclick 

Answer 1

Изменение

document.getElementByID 

к

document.getElementById 

и он сработал. Кредит до Mudassar

Спасибо всем!

Answer 2

Я предлагаю добавить JS в Head part of page., то он не будет создавать Uncaught ReferenceError: clearTextBox is not defined

Answer 3

пытаются передать идентификатор текстового поля, в вашем случае это должно быть:

document.getElementByID('txtFName').value = ""; 

, а затем назначить метод для вас вход что-то вроде этого

asp:textbox ..... onClick="yourMethodName" 

Answer 4

Вам нужно добавить

ClientIDMode="Static" 

Таким образом, вы текстовое поле будет выглядеть следующим образом

<asp:TextBox CliendIDMode="Static" ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

в ASP.Net, когда страница отображается идентификатор управления изменяет

Я предлагаю вам должен использовать jquery.

$("#txtFName").val(""); 

также возвращает ложь в вашем яваскрипте функции

Также попробуйте в одном блоке вашего JS

Answer 5

Перемещайте следующий JS код страницы заголовка или в другом месте, прямо сейчас он не может найти вашу js. Это должно быть нарушение из-за некоторой ошибки или перерыва. Или попробуйте установить js alert/debugger в функцию js, чтобы убедиться, что вы даже можете найти эту функцию. Очистка текстового поля - это следующий шаг.

<script type="text/javascript"> 
function clearTextBox() { 
    alert('Hello World'); 
}</script> 

Теперь, если вы в состоянии видеть свое предупреждение, тогда ваш код может найти вашу функцию.Затем измените текстовое поле тега вроде:

<asp:TextBox CliendIDMode="Static" ID="txtFName" runat="server" class="form-control" placeholder="First name" AutoCompleteType="Disabled" MaxLength="30" /> 

Теперь измените функцию clearTextBox как:

<script type="text/javascript"> 
function clearTextBox() { 
    document.getElementById('txtFName').value = ''; 
}</script> 

Answer 6

function clearTextBox() { 
    var elements = [] ; 
    elements = document.getElementsByClassName("form-control"); // your class name 

    for(var i=0; i<elements.length ; i++){ 
     elements[i].value = "" ; 
    } 
}