如何使用jquery来防止其他类型? [英] how to use jquery to prevent the others type?

问题描述

html结构:

 1,  <input id="edit-field-14sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text" type="text"></div>


2,  <input id="edit-field-15sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text" type="text"></div>


3 , <input id="edit-field-16sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text" type="text"></div>


4 ,<input id="edit-field-17sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text" type="text"></div>


5 ,<input id="edit-field-18sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text" type="text"></div>

现在，我想做的是，如果1、2、3输入框具有值，则无法在4、5中键入任何内容.

now, i want to do, if the 1, 2, 3, input box has value, then can't type anything in 4, 5.

如果4、5输入框具有值.则无法在1、2、3中输入任何内容.

if the 4, 5, input box has value. then can't type anything in 1, 2, 3.

以下是我的测试代码.但这行不通.

the following is my test code. but it can't work.

$(document).ready(function(){

$('#edit-field-14sq-und-0-value').keyup(function() {
    if ($('#edit-field-16sq-und-0-value').val().length > 0) {
        alert('you can\'t type them at the same time');
        $(this).val('');
        $("#edit-field-15sq-und-0-value").val('');
    }
})

});

keyup函数在萤火虫下显示错误.

the keyup function is give an error under firebug.

添加了"\"以使alert()中的单引号无效；

added "\" to escape single quote in alert();

推荐答案

您可以这样做.演示: http://jsfiddle.net/ynhat/x64dH/1/

You can do like this. Demo: http://jsfiddle.net/ynhat/x64dH/1/

HTML:

1,  <input id="edit-field-14sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text form-text-1" type="text"><br />


2,  <input id="edit-field-15sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text form-text-1" type="text"><br />


3, <input id="edit-field-16sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text form-text-1" type="text"><br />


4, <input id="edit-field-17sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text form-text-2" type="text"><br />


5, <input id="edit-field-18sq-und-0-value" name="field_14sq[und][0][value]" value="" size="12" maxlength="10" class="form-text form-text-2" type="text">

JavaScript:

Javascript:

$(document).ready(function() {

    $('.form-text-1').keyup(function() {
        $('.form-text-2').removeAttr('disabled');
        $('.form-text-1').each(function(index){
            if ($(this).val() != ''){
                $('.form-text-2').attr('disabled','disabled');
            }
        });
    })

    $('.form-text-2').keyup(function() {
        $('.form-text-1').removeAttr('disabled');
        $('.form-text-2').each(function(index){
            if ($(this).val() != ''){
                $('.form-text-1').attr('disabled','disabled');
            }
        });
    })
});

这篇关于如何使用jquery来防止其他类型?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！