Javascript表单元素输入验证处理

时间:2012-12-12 08:31:56

标签: javascript validation

我有2个电台组:电子邮件和系统。 我希望它在没有为它们选择单选按钮时显示错误消息。 这意味着,我想要从其中一个广播组中选择至少1个单选按钮。

如果选择了带有创建值的radio_system按钮,我希望系统和部门的复选框全部启用。 如果在电子邮件或系统组中选择了带有更改或终止值的单选按钮,我希望启用备注textarea。

我知道这听起来很复杂。但是我怎么能让它起作用呢?请帮忙......

<script type="text/javascript">
$(document).ready(function() 
{
    $("#form").validate(
    {
        rules: {
                    radio_email: "required",
                    radio_system: "required",
        remark: "required",
        system: "required",
        dept: "required",
}
    });  
});
</script>

<style type="text/css">
.block { display: block; }
form.form_class label.error { display: none; }  
</style>

<form id="form" name="form" class="form_class">
<input type="radio"  name="radio_email" value="Create" id="radio_email_0" />New
<input type="radio" name="radio_email" value="Change" id="radio_email_1" />Change
<input type="radio" name="radio_email" value="Terminate" id="radio_email_2" />Termination

<input type="radio" name="radio_system" value="Create" id="radio_system_0" />New
<input type="radio" name="radio_system" value="Change" id="radio_system_1"/>Change
<input type="radio" name="radio_system" value="Terminate" id="radio_system_2" />Termination

<label for="radio_system" class="error">Please select under either Email or System.</label>

<textarea name="remark" id="remark" cols="79" rows="3"></textarea>

<input type="checkbox" name="system[]" value="A" id="app_0" />A
<input type="checkbox" name="system[]" value="B" id="app_0" />B
<input type="checkbox" name="system[]" value="C" id="app_0" />C

<input type="checkbox" name="dept[]" value="A" id="app_0" />A
<input type="checkbox" name="dept[]" value="B" id="app_0" />B
<input type="checkbox" name="dept[]" value="C" id="app_0" />C

<input type="submit" name="submitted_form" id="Submit" value="Submit"/>
</form>

1 个答案:

答案 0 :(得分:0)

将onClick()处理程序添加到所有单选按钮。编写一个javascript函数,它将从所有单选按钮的onclick()方法调用。 访问GUI上所有其他元素的javascript id,然后您可以决定要采取的操作。希望对你很清楚。