jquery - I want to check the content of textarea must contains previous inputs' words using javascript -
is possible check content of textarea must contain previous inputs' words using javascript or jquery? , if not contains words value of textarea invalid or not submit. please reply me soon.
thanks.
i think understand you're trying done: want user utilize given input of 35 words retrieved input fields, give user option add more. addition optional.
check out here
to clear
input: 1, 2, 3 | textarea: 1, 2, 3 | returns true
input: 1, 2, 3 | textarea: 1, 2, 3, 4 | returns true
input: 1, 2, 3 | textarea: 1, 3, 2 | returns true
input: 1, 2, 3 | textarea: 3, 2, 1 | returns true
input: 1, 2, 3 | textarea: 2, 2, 1 | returns false
input: 1, 2, 3 | textarea: 1, 2 | returns false
js
$("#submit").prop("disabled", true); $(".input").on("keyup", function () { var input1 = document.getelementbyid("input1").value; var input2 = document.getelementbyid("input2").value; var input3 = document.getelementbyid("input3").value; var finalinput1 = input1 + " " + input2 + " " + input3; var finalinput2 = input1 + " " + input3 + " " + input2; var finalinput3 = input2 + " " + input1 + " " + input3; var finalinput4 = input2 + " " + input3 + " " + input1; var finalinput5 = input3 + " " + input1 + " " + input2; var finalinput6 = input3 + " " + input2 + " " + input1; }); $("#area").on("keyup", function () { var content2 = $("#area").val(); var input1 = document.getelementbyid("input1").value; var input2 = document.getelementbyid("input2").value; var input3 = document.getelementbyid("input3").value; var finalinput1 = input1 + " " + input2 + " " + input3; var finalinput2 = input1 + " " + input3 + " " + input2; var finalinput3 = input2 + " " + input1 + " " + input3; var finalinput4 = input2 + " " + input3 + " " + input1; var finalinput5 = input3 + " " + input1 + " " + input2; var finalinput6 = input3 + " " + input2 + " " + input1; if (content2.indexof(finalinput1) >= 0 || content2.indexof(finalinput2) >= 0 || content2.indexof(finalinput3) >= 0 || content2.indexof(finalinput4) >= 0 || content2.indexof(finalinput5) >= 0 || content2.indexof(finalinput6) >= 0) { $("#submit").prop("disabled", false); } else { $("#submit").prop("disabled", true); } }); $("#submit").click(function () { var content2 = $("#area").val(); var input1 = document.getelementbyid("input1").value; var input2 = document.getelementbyid("input2").value; var input3 = document.getelementbyid("input3").value; var finalinput1 = input1 + " " + input2 + " " + input3; var finalinput2 = input1 + " " + input3 + " " + input2; var finalinput3 = input2 + " " + input1 + " " + input3; var finalinput4 = input2 + " " + input3 + " " + input1; var finalinput5 = input3 + " " + input1 + " " + input2; var finalinput6 = input3 + " " + input2 + " " + input1; if (content2.indexof(finalinput1) >= 0 || content2.indexof(finalinput2) >= 0 || content2.indexof(finalinput3) >= 0 || content2.indexof(finalinput4) >= 0 || content2.indexof(finalinput5) >= 0 || content2.indexof(finalinput6) >= 0) { $("#output").text("succes!"); } else { $("#output").text("values not same!"); } });
Comments
Post a Comment