отправка формы имеет случайный текст

Итак, у меня есть все, что нужно. текстовое поле, радио и правильно выбрать все. наряду с ошибкой за то, что вы ничего не вставляете. Мне нужно отобразить случайный текст после отправки материала. Я пробовал разные вещи, просто не повезло. Я попробовал массив, но я сделал с ним что-то не так. Это расширение .php. Любые идеиотправка формы имеет случайный текст

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Ex 2</title> 
<link href="styles.css" rel="stylesheet"> 
<script> 
function checkForm(){ 

    var chk = true; 
    var mName = document.getElementById("txtM"); 
    var meth = document.getElementById("methM"); 
    var rad = document.getElementById("radM"); 
    var sel = document.getElementById("selM"); 
    var heal = document.getElementById("a"); 
    var dark = document.getElementById("b"); 
    var ele = document.getElementById("c"); 
    var wep = document.getElementById("imp");  

     meth.setAttribute("style", "display:none"); 
     rad.setAttribute("style", "display:none"); 
     sel.setAttribute("style", "display:none"); 


    if (mName.value=='no'){  
     document.getElementById("methM").innerHTML = "No"; 
     meth.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (mName.value=='yes'){   
     document.getElementById("methM").innerHTML = "Yes"; 
     meth.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (mName.value==''){ 
     document.getElementById("methM").innerHTML = "So You Don't Like To Do Any Damage?"; 
     meth.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (heal.checked) { 
    document.getElementById("radM").innerHTML = "Healer"; 
    rad.setAttribute("style", "display:inline"); 
    chk = false; 
    } 
    if (dark.checked) { 
    document.getElementById("radM").innerHTML = "Dark"; 
    rad.setAttribute("style", "display:inline"); 
    chk = false; 
    } 
    if (ele.checked) { 
    document.getElementById("radM").innerHTML = "One with the Elements"; 
    rad.setAttribute("style", "display:inline"); 
    chk = false; 
    } 
    if (wep.value==1){ 
     document.getElementById("selM").innerHTML = "Rifle"; 
     sel.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (wep.value==2){ 
     document.getElementById("selM").innerHTML = "Bow and Arrow"; 
     sel.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (wep.value==3){ 
     document.getElementById("selM").innerHTML = "Daggers"; 
     sel.setAttribute("style", "display:inline"); 
     chk = false; 
    } 
    if (wep.value==0){ 
     document.getElementById("selM").innerHTML = "Gotta Have A Weapon!"; 
     sel.setAttribute("style", "display:inline"); 
     chk = false; 
    } 

} 
</script> 
</head> 

<body> 
<div class="page"> 
<main role="main"> 
<article> 
    <div id="errMess" class="errMess"></div> 
     <h1>What Guild Wars 2 Profession Are You</h1> 

     <div class="cssTable" style="margin-top:-25px;"> 
     <form method="post"> 
      <table> 
      <tr><td colspan="3"></td></tr> 
      <tr> 
      <td><div align="right">Do you like to do high damage?</div></td><td width="217"> 
      <input id="txtM" name="txtM" type="text" size="25"></td><td ><div id="methM" style="display:none"></div></td></tr> 
      <tr> 
       <td><div align="right">What best describes you?</div></td><td> 
       <input id="a" type="radio" name = "group1" value="A">Healer</input> 
       <input id="b" type="radio" name = "group1" value="B">Dark</input> 
       <input id="c" type="radio" name = "group1" value="C">Earthling</input>    
       </td><td><div id="radM" style="display:none"></div></td> 
       </tr> 
       <tr> 
       <td>What weapon would you like to have?</td> 
       <td> 
       <select id="imp"><option value="0" selected="true">Select One</option> 
       <option value="1">Rifle</option> 
       <option value="2">Bow and Arrow</option> 
       <option value="3">Daggers</option></select> 
       </td><td><div id="selM" style="display:none"></div></td> 
       </tr> 
       <tr><td colspan="3" align="right"><input type="button" class="styled-button-7" value="Send" onclick="checkForm()"/></td></tr></table></form></div></article> 
       </main></div> 
</body> 
</html>

источник

2014-10-12 Chad

Я не понимаю ... Когда вы отправляете форму, страница будет перезагружена. Таким образом, ваш js-скрипт будет прослушивать событие отправки формы снова. Вам нужно сгенерировать это сообщение на PHP или, если вы хотите использовать JS, вам нужен AJAX –

У меня есть он, как только он отправляет его, все как ошибки – Chad

это php not html, если это то, что вы имеете в виду – Chad

Где вы хотите его показать?

Вы можете попробовать:

предупреждение ('случайный текст');

или, может быть:.

document.getElementById ("errMess") добавить ("Ваша информация была представлена ");

источник

2014-10-12 01:53:47

Я догадываюсь под формой. но не предупреждение. он должен быть случайным каждый раз. например «ты воин», тогда «ты - рейнджер». – Chad

'var randomtext = [« вы воин »,« вы рейнджер »,« что угодно »]; document.getElementsByTagName ("form"). InnerHTML = randomtext [Math.floor ((Math.random() * 3))]; ' –

попробовал, все еще работает одинаково, просто ничего не отображает – Chad

отправка формы имеет случайный текст

ответ

Смежные вопросы