javascript - 从表单中获取数据，然后更改出现的单词并打印结果

Question

所以我得到了这个表格：

<form action="/my-handling-form-page" method="post">

    <div>
        <label for="name">Text:</label>
        <input type="text" id="data" />
    </div>

    <div class="button">
        <button type="submit">Input</button>
    </div>

</form>

我想要做的是获取已提交的数据，然后如果提交的文本中有“好”一词，我需要将其更改为“好”，然后将其打印在相同或不同的页面上。如果有人可以帮助我用 javascript 做到这一点，那就太好了。

Answer 1

尝试这样的事情：http: //jsfiddle.net/29kKX/9/

  <div>
        <label for="name">Text:</label> 
        <input type="text" id="data" value="good"/> 
  </div> 
    <div class="button"> 
        <button id="submit" onclick="replaceWord()">Submit</button>
   </div>
<script type="text/javascript">
function replaceWord(){
    var dataElem = document.getElementById("data");
    var data = dataElem.value
    data = data.replace("good", "great");
    dataElem.value=data;
    return false;
}
</script>​

希望这可以帮助。

Answer 2

<script type="text/javascript">
function fnc()
{
    data=document.getElementById("data").value;
    if(data=='good')
    {document.getElementById("data").value='great';
    alert(document.getElementById("data").value);}
    return true;
}
</script>
<form action="/my-handling-form-page" method="post" onsubmit="return fnc()">