Jquery - 禁用文本字段并重新启用字段

时间:2013-05-01 03:18:17

标签: jquery input field

是否有一个jquery函数在文本字段提交后限制一个提交?一旦用户删除了该字段中的现有信息,他们就会改变主意,提交按钮将重新启用,他们将能够重新提交文本。

例如:

- 用户正在制作T恤 -Tshirt产品只允许一行文字 - 一旦他们在字段中插入文本,该字段将被禁用 - 如果删除或重置文本字段,则可以重新启用字段。

先谢谢!

1 个答案:

答案 0 :(得分:0)

我建议使用监听事件来限制输入的字符数,并在字段达到该限制后禁用该字段。然后可能会重置按钮重新开始。

例如:

//this function would freeze the field if they reach a char max.
//I would suggest changing the field color tho, and disabling the
//submit button if they exceed the max
$("#tshirt_text").keyup(function(){
    var content = $(this).val();
    if( content.length = 26 ) { //or whatever your char max is
        $(this).prop( "disabled", true );
    }
});

//this function could freeze the field when it loses focus 
$("#tshirt_text").blur(function(){
    $(this).prop( "disabled", true );
}

//clear the field onclick
$("#clearButton").click(function(){
    $("#thsirt_text").prop( "disabled", false );
}