Question

is there a way (preferrably with jQuery) to block text inputs if others contain text?

I can see ways to block input fields all the time, but not dynamically as others contain text.

<input name="inputone" id="i_one" type="text" value="">
<input name="inputtwo" id="i_two" type="text" value="">
<input name="inputthree" id="i_three" type="text" value="">

It’s a real simple set-up. I just need if “i_one” contains any text, block “i_two” and “i_three” from receiving any input. but if user deletes what they’ve typed in “i_one” before submitting the form, the block will be lifted so user can use a different field instead.

Answer 1

How’s this look?

$('input').on('keyup', function() {
  $(this).siblings().prop('disabled', this.value.length ? true : false)
});

Of course, you might want to tweak it to not act on all input elements, by adding a special class to the elements you want to listen to.

JsFiddle if you want to tweak/play with it.