Fatal编程技术网
  • javascript/
  • Javascript 提交表单时，必须包含随机文本

Javascript 提交表单时，必须包含随机文本

javascript

Javascript 提交表单时，必须包含随机文本,javascript,Javascript,所以我让所有的事情都按照它的要求进行。文本框、收音机和选择全部显示正确。以及没有放入任何内容的错误。我需要显示一个随机文本后，材料提交。我尝试过不同的事情，只是运气不好。我尝试了一个数组，但我做了一些错误。这是一个.php扩展。有什么想法吗 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Ex 2</title> <link href="style

所以我让所有的事情都按照它的要求进行。文本框、收音机和选择全部显示正确。以及没有放入任何内容的错误。我需要显示一个随机文本后，材料提交。我尝试过不同的事情，只是运气不好。我尝试了一个数组，但我做了一些错误。这是一个.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>


例2
函数检查表（）{
var chk=真；
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（“样式”，“显示：无”）；
rad.setAttribute（“样式”，“显示：无”）；
sel.setAttribute（“样式”，“显示：无”）；
如果（mName.value='no'）{
document.getElementById（“methM”）.innerHTML=“否”；
meth.setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（mName.value='yes'）{
document.getElementById（“methM”）.innerHTML=“是”；
meth.setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（mName.value==''）{
document.getElementById（“methM”）.innerHTML=“那么你不想造成任何损害？”；
meth.setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（治愈。检查）{
document.getElementById（“radM”）.innerHTML=“Healer”；
rad.setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（暗，选中）{
document.getElementById（“radM”）.innerHTML=“深色”；
rad.setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（勾选元素）{
document.getElementById（“radM”）.innerHTML=“一个元素”；
rad.setAttribute（“样式”，“显示：内联”）；
chk=假；
}   
如果（wep.value==1）{
document.getElementById（“selM”）.innerHTML=“Rifle”；
setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（wep.value==2）{
document.getElementById（“selM”）.innerHTML=“弓箭”；
setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（wep.value==3）{
document.getElementById（“selM”）.innerHTML=“Daggers”；
setAttribute（“样式”，“显示：内联”）；
chk=假；
}
如果（wep.value==0）{
document.getElementById（“selM”）.innerHTML=“必须拥有武器！”；
setAttribute（“样式”，“显示：内联”）；
chk=假；
}
}
你是什么行业的激战2
你喜欢做高伤害吗？
什么最能描述你？
治疗者
黑暗的
地球人
你想要什么武器？
选择一个
来复枪
弓箭
匕首
您想在哪里显示该文本

您可以尝试以下方法：

警报（“随机文本”）

或者可能：

document.getElementById（“errMess”）.append（“您的信息已提交”）

我不明白。。。提交表单时，页面将被重新加载。因此，js脚本将再次侦听表单的提交事件。您需要用PHP生成此消息，或者，如果您想使用JS，您需要AJAXi，一旦它提交，它就会将所有内容都计算为错误这是PHP而不是html，如果这是您的意思PHP是否接收并处理表单数据？在PHP数据处理之后，您应该重定向到同一页面，并在表单下添加消息。你可以在重定向过程中传递一个get参数作为标志，因此你可以用html或js代码打印你的通知，如果你愿意的话。但不是警报。每次都是随机的。比如“你是一个战士”然后“你是一个游侠”等等；document.getElementsByTagName（“表单”）.innerHTML=randomtext[Math.floor（（Math.random（）*3））