如何使用 jquery 验证网址 [关闭]答案

【问题标题】：How to verify web-address with jquery [closed]如何使用 jquery 验证网址 [关闭]
【发布时间】：2019-01-11 03:45:38
【问题描述】：

我有一个看起来像这样的表单
如何验证输入框是否有网址

    <form onsubmit='return formValidation()'>
    <p id="p4"></p>  

        <label>Address:</label>
        <input type='text' id='addr' /><br />

        <br/>
        <input type="button" id="submit" value='Suubmit'/>
    </form>

我的脚本是

 function formValidation(){
    var addr =  document.getElementById('addr');

     if(textAlphanumeric(addr, "* For Address please use numbers and letters *")){
     return true;
     }
     return false;
     }

     function textAlphanumeric(inputtext, alertMsg){
        var alphaExp = /^\d+\s[0-9]\s[a-z]+\s[A-Z]+/;
        if(inputtext.value.match(alphaExp)){
            return true;
        }else{
            document.getElementById('p4').innerText = alertMsg; 
            inputtext.focus();
            return false;
        }
    }

为什么它没有返回任何东西

【问题讨论】：

3 人投了反对票并投票结束，但没有人可以向 OP 解释他们做错了什么？难怪人们讨厌 Stack Overflow 用户。 @OP - 您需要在问题中发布所有相关代码，以便当外部链接失败时，这个问题仍然完整。请阅读How to Ask
欢迎来到 Stack Overflow。请在您的问题上按编辑并将代码文本放入问题中。还要花一点时间来解释你在做什么以及出了什么问题。 How to Ask。谢谢！
嗨，欢迎来到 SO（尽管如上所述，到目前为止还不是特别受欢迎的欢迎...） - 请花时间阅读 tour 和 How to Ask。如果您有特定的代码问题，请尝试添加minimal reproducible example。
@Archer 你是 100% 正确的，投反对票就像阻止人们提问或回答问题:-(
或者编辑问题也许我们在这里的原因相同的人来吧

标签： javascript jquery html jquery-plugins

【解决方案1】：

如果你写onsubmit表单，你必须使用“按钮”标签。

  function formValidation(){
  
    var addr =  document.getElementById('addr');
		
     if(textAlphanumeric(addr, "* For Address please use numbers and letters *")){
         return true;
     }
     return false;
     }
     
     function textAlphanumeric(inputtext, alertMsg){
    	var alphaExp = /^\d+\s[0-9]\s[a-z]+\s[A-Z]+/;
    	if(inputtext.value.match(alphaExp)){              
        document.getElementById('p4').innerText = ""; 
    		inputtext.focus();
    		return true;
    	}else{
    		document.getElementById('p4').innerText = alertMsg; 
    		inputtext.focus();
    		return false;
    	}
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <form onsubmit='return formValidation();'>
    <p id="p4"></p>  
            
        <label>Address:</label>
        <input type='text' id='addr' /><br />
        
        <br/>
        <button id="submit" value='Submit'>Submit</button>
    </form>

【讨论】：