两个字段要么是必需的

Question

我有一个表单，我正在尝试弄清楚如何设置我的电子邮件地址或电话号码字段，但是当输入任何一个时，不再需要另一个。也许我需要修复我的验证才能更好地使用jQuery Validator？这种困难的原因在于形式如此复杂。这些只需要一次显示（并不总是显示），所以一旦单选按钮弹出这个表格，那么它需要在任何一个或需要的地方工作，但客户仍然可以填写这两个。

＆＃13;

＆＃13;

 

    $(document).on('change', '#Email', function() {
	
	var value      = $(this).val();
	var EmailPhone = $('#EmailPhone');
		
	if (value == "" ) {
		EmailPhone.prop('required',true); 
    } else {
		EmailPhone.prop('required',false);
    }
});

$(document).on('change', '#EmailPhone', function() {
	
	var value      = $(this).val();
	var Email      = $('#Email');
		
	if (value == "" ) {
		Email.prop('required',true); 
    } else {
		Email.prop('required',false);
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="clearfix">
    <label for="EmailName">Your Name:</label>
		<input type="text" name="EmailName" id="EmailName" value="" />
</div>
       
<div class="clearfix">
	<label for="Email">Email:</label>
	<input type="Email" name="Email" id="Email" value="" />
</div>

<div class="clearfix">
	<label for="EmailPhone">Phone Number:</label>
	<input type="text" name="EmailPhone" id="EmailPhone" value="" />
</div>
        
<div class="clearfix">
	<label for="EmailTitle">Title:</label>
	<input type="text" name="EmailTitle" id="EmailTitle" value="" />
</div>

<div class="clearfix">    
	<label for="EmailVin">VIN:</label>
	<input type="text" name="EmailVin" id="EmailVin" value="" />
</div>

＆＃13;

＆＃13;

＆＃13;

任何对此的帮助都将非常感谢我所尝试过的所有事情都没有达到我想要完成的目标。