动态更改 HTML 元素的类无效

Question

我编写了一个包含表单的 HTML 页面。 PHP 页面通过在 HTML 页面开头检查表单：

<script type="text/javascript" src="js/mootools/core.js"></script> 
<script type="text/javascript" src="js/mootools/more.js"></script>
<script type="text/javascript" src="js/formcheck/lang/fr.js"> </script>
<script type="text/javascript" src="js/formcheck/formcheck.js"> </script>

<script type="text/javascript">
    window.addEvent('domready', function(){
       new FormCheck('form');
});
</script>

问题是在某些条件下加载页面后，我动态地将类添加到 HTML 元素。

以下 HTML 页面的代码示例是一个单选按钮，用于了解页面的访问者是否有汽车。如果她/他选择“是”，则添加“验证['必需']”类来选择汽车的元素数量，这意味着用户必须选择一个值（汽车数量）。否则，用户没有汽车，则不必选择，并且接受并传输默认的空字符串。

<input type="radio" name="cars" value="yes" onclick="document.getElementById('number_of_cars').setAttribute('class','validate[\'required\']');">oui
<input type="radio" name="cars" value="no" checked="checked">no



<label>How many cars do you have ? :</label>        
<select name="number_of_cars" id="number_of_cars">
<option value="">-</option>
<option value="01" >01</option>
<option value="02" >02</option>
<option value="03" >03</option>
</select>

我遇到的问题是，当我使用 Firebug 检查时，HTML 元素在需要时具有类“validate['required']”（单选按钮是），但 PHP 页面似乎不起作用，因为即使表单被传输，用户尚未选择多辆车。

我的猜测是，我的 HTML 页面的 Javascript 部分上的事件“domready”不合适，但我不知道该怎么办。

编辑：我已将 javascript 元素更改为 onChange 但它也不起作用。

Answer 1

window.addEvent('domready') 是 MooTools 库的一部分，它不是 Javascript 本身的一部分。在我看来，你没有使用它，所以你应该将 MooTools 脚本添加到你的 html 中，或者使用 onLoad 事件。

MooTools 使用

编辑

要么是那个，要么是值您使用 FormCheck 对象发送的是错误的。 FormCheck 需要一个 id 而不是标记名，因此您至少应该在某个地方：

<form id="myForm">

new FormCheck('myForm');

编辑 2

如果您已经在使用 MooTools，则最好使用内置事件处理程序。由于跨浏览器问题，应避免使用 onClick 和 onLoad 等直接方法。 MooTools 可以解决这个问题。

<script type="text/javascript">
  window.addEvent('domready', function(){
    $('cars').addEvent('click', function() {
      $('number_of_cars').addClass("validate['required']");
    });

    new FormCheck('form');
  });
</script>

MooTools 需要 id 才能正常工作，因此：

<input type="radio" name="cars" id="cars" value="yes">

编辑 3

另请仔细阅读 FormCheck 的文档。它们包含大量示例代码： http://mootools.floor.ch/en/demos/formcheck /

文档：http://mootools.floor.ch/docs/formcheck/files/formcheck-js.html

希望这有帮助