Проверьте поле имеет определенное звено в ней написано

Question

Ищу скрипт, чтобы проверить, если поле имеет это в ней написано:

• Он должен иметь Http: //
• Он должен иметь либо steamcommunity или op.gg в línk.

Необходимо проверить их перед отправкой формы. Если бы это было после, я мог бы сделать это в PHP, но я хочу сделать это в JavaScript или что-то еще до отправки формы.

Link to your profile: 
<input type="text" id="profile" name="profile" maxlength="70"><br> 

Для проверки я использую JavaScript из javascript-coder, но я не вижу, как настроить его для проверки пользовательских строк.

Answer 1

function checkURL(str) { 
    if(str.indexOf("http://") > -1 && (str.indexOf("steamcommunity") > -1 || str.indexOf("op.gg") > -1)) 
     return true; 
    return false; 
} 

EDIT:

У вас есть input элемент

<input type="text" id="profile" name="profile" maxlength="70"> 

Вы берете его значение, а затем использовать вызов функции:

var s = document.getElementById('profile').value; 
if(!checkURL(s)) { 
    //it's not valid, do stuff 
} 
else { 
    //it's valid 
} 

Answer 2

Вы можете использовать обычный выражение. Вот некоторые псевдо-код:

var input = <the text from the input field> 
var regex = /^http:\/\/(\w+\.)*(steamcommunity.\w+|op\.gg)\// 
if (input.match(regex)) { 
    // Accept the input 
} 

Here's a page, где вы можете проверить, что это регулярное выражение отфильтровывает нежелательные вход