动态添加/删除必需属性

时间:2015-01-01 14:17:07

标签: javascript jquery html required

我想添加/删除input元素的必需属性。但不知怎的,它不起作用。

如果offender Plate#文本字段为空,则需要描述车辆文本字段。

罪犯名单#:<input type="text" id="plate_num_id" name="plate_num" onblur="checkForRequired()"><br>

描述车辆:<textarea id="vehicle_desc_id" name="vehicle_desc"></textarea><br>

然后这是我的功能。

function checkForRequired() {

    var plateLength = document.getElementById("plate_num_id").value.length;

    if (plateLength < 1) {

        $("#vehicle_desc_id").add('required');
    } else {

        $("#vehicle_desc_id").removeAttr('required');
    }
}

我也尝试了其他方法:

document.getElementById("vehicle_desc_id").removeAttribute("requried");

document.getElementById("vehicle_desc_id ").required = true/false;

document.getElementById("vehicle_desc_id ").setAttribute("required ", "");

似乎没有工作......

1 个答案:

答案 0 :(得分:3)

适用于对html进行排序并删除括号后的空格,再次进行编辑以删除详细信息后进行删除

function checkForRequired() {

    var plateLength = document.getElementById("plate_num_id").value.length;
var vehicle = document.getElementById("vehicle")
    if (plateLength < 1) {

        vehicle.setAttribute('required','required');
    } else {
 
      vehicle.removeAttribute('required');
    }
}
input:required{border:1px solid red;}
<input type="text" id="plate_num_id" name="plate_num" onblur/onfocusout="checkForRequired()"><br/><br>
<input type="text" id="vehicle" />