检查输入是否为空,如果是,则需要输入其他输入

时间:2015-04-27 01:52:12

标签: jquery

我有两个输入:

      <label>Nom de famille du père à la naissance</label><br>
      <input type="text" name="11"><br>
      <label>Prénom usuel du père</label><br>
      <input type="text" name="12"><br>

我想要做的是,如果两个输入中的一个不是空的,我想让它们都是必需的。我希望它是实时的。

这是我的jquery:

jQuery(document).ready(function($){
//NOM PERE
if($('[name="11"]').val() != ""){
    $('[name="11"]').prop('required', true);
    $('[name="12"]').prop('required', true);
}
});

我不知道为什么......它不起作用......请一些帮助

编辑:我发现了我的问题......我点击提交按钮后必须进行验证:

jQuery(document).ready(function($){
//NOM PERE
$('#submit').click(function(e){
if($('[name="11"]').val() !== ""){
    $('[name="11"]').prop('required', true);
    $('[name="12"]').prop('required', true);
}
});
});

谢谢你... ...

2 个答案:

答案 0 :(得分:0)

使用!==代替!=,最好使用$(this)

jQuery(document).ready(function(){
//NOM PERE
if($('[name="11"]').val() !== ""){
    $(this).prop('required', true);
    $('[name="12"]').prop('required', true);
}
});

答案 1 :(得分:0)

使用is(':empty')

即:

  if ($('[name="11"]').is(':empty'))

有关详细信息,请参阅http://api.jquery.com/is/http://api.jquery.com/empty-selector/