JSFiddle - React, Tailwind, and code Playground

by CR47

HTML

<form action='post' method='#'>
    <input type="text" id="recurrentDebitLabel" value='month'/>
    <input type="text" id="recurrentDebitAmount" value='€5.00'/>
    <input type="text" id="edit-firstname" />
    <input type="submit" class='purchase-submit-custom'/>
</form>

JavaScript

var recurrentDebitLabel = $('#recurrentDebitLabel').val();
	var recurrentDebitAmount = $('#recurrentDebitAmount').val();
    var recurrentDebit = recurrentDebitLabel + "," + recurrentDebitAmount;

	$('#edit-firstname').keyup(function(){
		if ((recurrentDebit != null) && (recurrentDebit != '')) {
			if((recurrentDebit == 'day,€5.00') || (recurrentDebit == 'month,€10.00') || (recurrentDebit == 'year,€30.00')){
				//valid combination
                $('.purchase-submit-custom').prop("disabled", false);
			}else{
				//invalid combination
				$('.purchase-submit-custom').prop("disabled", true);
				alert('invalid combination');
			}
		}else {
			//empty combination
			$('.purchase-submit-custom').prop("disabled", true);
		}
    });