Javascript依赖输入验证

时间:2012-12-12 02:00:23

标签: javascript validation

我想验证名为A的无线电组的输入,其中包含2个无线电:1和2。 一旦选中了收音机2,我想要启用文本框B(默认为禁用)。 我的JavaScript非常弱。有人帮我提供以下代码?到目前为止,我可以去:

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

<form id="form" name="form" method="post" action="">
<table><tr>
<td width><input type="radio" name="A" id="1" value="1" />1</td>
<td width><input type="radio" name="A" id="2" value="2" />2</td>
</tr></table>
</form>

<input name="B" type="text" id="B" disabled="disabled"/>

我想要消息“这个字段是必需的”。要显示在广播组下面的一行中:

<tr><td colspan="2">This field is required.</tr></td>

请帮忙。谢谢。

1 个答案:

答案 0 :(得分:0)

以下内容:

​$(':radio').change(function() {
    $('#B').prop('disabled', !(this.value == '2' && this.checked));
})​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​;

演示:http://jsfiddle.net/5PMLr/

旁注:您应该有多个ID用于ID,而不是以数字开头。