Javascript 验证字段完成后更改按钮文本

我的表单包括一个大约需要10秒的搜索。“提交”按钮的标题为“搜索”，单击后，我已将其设置为更改为“搜索”。代码如下：

<input type=submit class=button 
value=&nbsp;&nbsp;&nbsp;&nbsp;Search&nbsp;&nbsp;&nbsp;&nbsp; 
onclick="javascript:formSubmit();this.value='Searching...'">

但现在我需要验证一个电子邮件字段和另一个字段是否已完成，以便按钮文本在验证后更改为仅搜索

我试过这个，但不起作用：

<input type=submit class=button 
value=&nbsp;&nbsp;&nbsp;&nbsp;Search&nbsp;&nbsp;&nbsp;&nbsp; 
onclick="myFunction();javascript:formSubmit();this.value='Searching...'">

<script>
function myFunction() {
  if ( document.getElementsByName('numberadults')[0].value == '0' )
    alert('The number of adults must be more than zero!');   
  document.getElementById("myEmail").required = true;
  document.getElementById("demo").innerHTML = "The required property was set. The email field must now be filled out before submitting the form.";
}
</script>

函数myFunction（）{
if（document.getElementsByName（'NumberDults'）[0]。值='0'）
警报（“成人数量必须大于零！”）；
document.getElementById（“myEmail”）.required=true；
document.getElementById（“demo”）.innerHTML=“已设置必需的属性。现在必须在提交表单之前填写电子邮件字段。”；
}

以下是正在验证的两个字段的html：

<select name=numberadults class=cboStyleZ>
<option value=0 selected>
0
</option>
<option value=1>
1
</option>
<option value=2>
2
</option>
<option value=3>
3
</option>
<option value=4>
4
</option>
<option value=5>
5
</option>
<option value=6>
6
</option>
<option value=--->
---
</option>
</select>

<input type="email" id="myEmail" class=cboStyleZ1 name="eaddr" 
placeholder="Your email is all we need">

0
1.
2.
3.
4.
5.
6.
---

函数myFunction（）{
//其他声明（如需要）
document.getElementById（“搜索”）.value=“搜索”；
}

---

我认为此代码可以帮助您执行以下单击处理程序：

onclick="myFunction();javascript:formSubmit();this.value='Searching...'"

未指明

myFunction

中的验证将如何影响表单提交和文本更改。 这里有几种方法可以剥猫皮，但一般来说，您可以依赖控制结构，如

if

，或者使用短路运算符根据您感兴趣的表达式的值（例如

myFunction（）

的返回值）更改执行流

HTML

onclick="if(myFunction()) { javascript:formSubmit();this.value='Searching...'} "

JS

function myFunction() {
    if ( document.getElementsByName('numberadults')[0].value == '0' ) {
        // ...
        // Display what is wrong with the form to the user
        // ...
        return false;
    }
    return true;

}

function myFunction() {
    if ( document.getElementsByName('numberadults')[0].value == '0' ) {
        // ...
        // Display what is wrong with the form to the user
        // ...
        return false;
    }
    return true;

}