如何使用Javascript根据内容检查和更改表单的提交值？

Question

我想在提交表单时根据其内容更改输入字段的值。

目前我有这个，并期望我距离我实际需要的东西还有很长的路要走，似乎无法找到我想要的信息来使其全部协同工作。

任何帮助表示赞赏。

<script type="text/javascript">
function vet()
{
    if(this.abc.value.indexOf("CW-") >= 0)
    {
    return true;
    }
    else
    {
    this.abc.value = 'CW-' + this.abc.value; return true;
    }
}
</script>

<form name="simple1" method="get" onsubmit="vet()" action="simple.php">
<input class="saip1" name="abc" type="text" value="Input Value" onfocus="this.value='';"/>

基本上我想检查用户是否在其值的开头包含“CW-”（或者实际上是 CW- cW- Cw- 的任何大小写变体）。如果他们只是按原样返回值。如果没有，我想添加 CW-。

经过一番阅读后，我尝试了indexOf方法，但我并不真正理解javascript，并且确信我做错了什么。

Answer 1

你的方法很好，但你让它变得有点复杂。

另外，通过 JavaScript 而不是通过 HTML 使用 onsubmit 等也是一个很好的做法。您也可以对 onfocus 执行此操作。

http://jsfiddle.net/PTspF/

HTML：

<form id="simple1" method="get" action="simple.php">

    <input class="saip1" name="abc" type="text" value="Input Value" onfocus="this.value='';"/>

</form>

JavaScript：

您可以检查 indexOf 是否为 0，因为您希望“CW-”出现在字符串的开头。 toUpperCase() 使 cw- CW- 以便变体也被发现是正确的。

window.onload=function() {
  document.getElementById("simple1").onsubmit=function() {
    if (this.abc.value.toUpperCase().indexOf("CW-") !== 0) {
      this.abc.value = 'CW-' + this.abc.value; // prepend if not present
    }
  }
}