不同的b / w类型=提交&在javascript中键入=按钮?

时间:2014-06-21 13:01:17

标签: javascript

*我正在尝试将错误类应用于电子邮件标签。当我按下按钮时,哪个类型=提交。错误类应用和页面再次刷新imidiately&错误类不适用。当我在type =按钮上执行相同操作时,错误类正确应用于电子邮件标签..! *

<script>
function check()
{

    var email = document.getElementById("email");
    var password = document.getElementById("password");
    if(email.value=='')
    {
        alert("email");
        email.className = 'error';
    }
    else
    {
         alert("not");
    }

}

</script>

<form>
<table width="264" border="0">
  <tr>
    <td width="84"><label for="Email">Email:  </label></td>
    <td width="164"><input type="email" name="email" id="email" /></td>
  </tr>
  <tr>
    <td><label for="Password">Password:</label></td>
    <td><input type="password" name="password" id="password" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><!--<input type="submit" class="signin_me" value="Sign in" onclick="check();" />-->
    <input type="button" class="signin_me" value="Sign in" onclick="check();" />
    </td>
  </tr>
</table>
</form>

1 个答案:

答案 0 :(得分:0)

如果您使用submit输入,则您的点击会导致提交HTML表单。由于您的HTML表单没有action属性,因此此提交只会导致重新加载相同的页面。因此,您无法看到您对电子邮件className所做的修改(因为点击按钮后页面会很快重新加载)。

如果您使用button输入,则您的点击不会导致提交HTML表单。因此,您可以看到您对电子邮件className进行的修改。