如何使用jquery验证web地址[关闭]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用jquery验证web地址[关闭]相关的知识，希望对你有一定的参考价值。
我有一个看起来像那样的表格 如何验证输入字段中是否有Web地址
<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;
}
}
为什么它不会给我任何回报
答案
如果你写提交表格，你必须使用“按钮”标签。
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>以上是关于如何使用jquery验证web地址[关闭]的主要内容，如果未能解决你的问题，请参考以下文章
如何使用asp.net按钮通过jquery进行验证然后进入后台代码web表单