两个条件功能在javascript中不起作用

时间:2017-12-09 10:24:56

标签: javascript jquery html validation combobox

我在javascript中创建了两个条件函数。第一个功能是当用户填写opsi组合框"内部"然后字段pengirim内部disabled = false。然后第二个功能是用户填充组合框"内部"和字段pengirim内部仍然无效或未填充。然后用户得到pengirim内部字段必须要求值的通知。我不知道为什么,请指教我



// jika dipilih opsi internal maka field pengirim internal enabled. field pengirim eksternal disabled 
$("#opsi").change(function() {
  if ($("#opsi").val() === "Internal") {
    document.getElementById('pengirim_internal').disabled = false;
    // disabled field pengirim internal dan clear pengirim eksternal
    document.getElementById('pengirim_eksternal').disabled = true;
    document.getElementById('pengirim_eksternal').value = '';
  }
  elseif
  $("#validation-form").validate({
    rules: {
      pengirim_internal: "required"
    },
    messages: {
      pengirim_internal: "Silahkan Pilih Pengirim Internal!",
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
});

<fieldset class="hr">
  <label class="span2">Opsi Surat Masuk</label>
  <select name="opsi" id="opsi">
					<option value="">Pilih Satu</option>
					<option value="Internal">Internal</option>
					<option value="Eksternal">Eksternal</option>
				</select><span class="mandatory">*</span>
</fieldset>
<fieldset class="hr">
  Pengirim Internal :
  <select id="pengirim_internal" name="pengirim_internal">
        <option name="pengirim_internal" value="Islam">Example1</option>
        <option nama="pengirim_internal" value="Kristen">Example2</option>
        </select>
  <span class="mandatory">*</span>
</fieldset>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

使用您提供的代码,我希望这对您有用,

//jika dipilih opsi internal maka field pengirim internal enabled. field pengirim eksternal disabled 
$("#opsi").on('change',function() {
    if ( $("#opsi").val() === "Internal" ) {    
           $('#pengirim_internal').prop('disabled',false);
           // disabled field pengirim internal dan clear pengirim eksternal
           $('#pengirim_eksternal').prop('disabled', 'disabled');
           $('#pengirim_eksternal').val('');
        } 
    else
    {
        $("#validation-form").validate({
        rules: {
            pengirim_internal: "required"
        },
        messages: {
            pengirim_internal: "Silahkan Pilih Pengirim Internal!",
        },      
        submitHandler: function(form) {
            form.submit();
        }
        });
    }
});

确保将jquery和jquery.validate.min.js引用添加到您的页面。