Как очистить форму после ошибки проверки стойки

Question

У меня есть форма (JSP), и я использую Struts для проверки текстовых полей. Примером может быть отображение ошибки, если пользователь вводит числа внутри текстового поля First name, так как он принимает только буквы. Сообщение остается на экране вместе с цифрами. Когда вы щелкните правой кнопкой мыши и сделаете исходный код, вы увидите цифры там, как если бы они были жестко закодированы.

У меня есть кнопка html:reset, но она не будет очищать номера из текстового поля. Если вы нажмете на текстовое поле и очистите номера вручную после ошибки проверки, нажмите кнопку Reset, она вернет номера обратно. Я пробовал много разных частей кода, используя класс DOCUMENTS с функцией внутри тег сценария. Вот один из многих кусков кода, который я пробовал:

<input type="button" value="Clear Form" onclick="clearForm()"/> 

<script type="text/JavaScript"> 
    function clearForm() { 
    document.getElementById("FirstName").value=" "; } 
</script> 

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

Мое имя текстовое поле id FirstName. Jsp использует HTML с Struts. Любая помощь будет оценена, и если любой желающий получит больше информации, я предоставил ее. Спасибо вам всем.

Answer 1

Это мой ответ: функция clear_form_elements (Эле) {

tags = ele.getElementsByTagName('input'); 
for(i = 0; i < tags.length; i++) { 
    switch(tags[i].type) { 
     case 'password': 
     case 'text': 
      tags[i].value = ''; 
      break; 
     case 'checkbox': 
     case 'radio': 
      tags[i].checked = false; 
      break; 
    } 
} 

tags = ele.getElementsByTagName('select'); 
for(i = 0; i < tags.length; i++) { 
    if(tags[i].type == 'select-one') { 
     tags[i].selectedIndex = 0; 
    } 
    else { 
     for(j = 0; j < tags[i].options.length; j++) { 
      tags[i].options[j].selected = false; 
     } 
    } 
} 

tags = ele.getElementsByTagName('textarea'); 
for(i = 0; i < tags.length; i++) { 
    tags[i].value = ''; 
} 

}

Тогда я просто называю это с кнопкой, и он очищает все. Спасибо за вашу помощь.

Answer 2

Вы должны использовать что-то вроде этого: <input type="reset" value="Reset">

<form method="POST">  
    ... 

    <input type="text" size="xx" value="xx"><br /> 
    <input type="reset" value="Reset"> &nbsp; &nbsp; 
    <input type="submit" value="Submit" /> 

    ... 
</form>