Check If String Exists In Text Field

I have a basic form which contains a text field like this: But I want to control if exist any predefined word like 'Mickey', If it does not exist, I want to block submitting, like

Solution 1:

You could use HTML5 form validation. Simply make the field required and give it a pattern. No JS required (although you might choose a polyfill for old browsers).

Try and submit this form without matching the pattern:

<form><inputname="myInput"required="required"placeholder="Must contain Mickey"pattern=".*Mickey.*"title="It must contain Mickey somewhere."
    /><inputtype="submit" /></form>

Also: Untested example with basic JS fallback

Solution 2:

HTML

<inputtype="submit"id="button"class="button" onclick="return submitcheck();" />

Script

functionsubmitcheck() {
    if(document.getElementById("textField").value.indexOf("Mickey") > -1) {
         returntrue;
    } else {
         returnfalse;
    }
}

If n is not -1 then Mickey was in the string.

Solution 3:

Assuming you have a 'text field' DOM element somewhere:

if($(<textfield>).val().indexOf($(<inputID>).val()) > -1){
    //things to be done if 'Mickey' present
}

You can do this validation on click of the submit button.