什么是英国电话号码验证表达式和语法
what is the UK Phone number validation expression and syntax?
function validateForm()
{
var x=document.forms["pageFeedbackSurvey"]["emailAddr"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Please enter a valid e-mail address");
return false;
}
var x=document.forms["pageFeedbackSurvey"]["comments"].value;
if (x==null || x=="")
{
alert("Please enter your feedback into the textbox before pressing 'Submit'");
return false;
}
var phone = document.getElementById("phone").value;
var pattern = /^([0-9]){7,15}$/;
if (pattern.test(phone))
{
alert("Your phone number : "+phone);
return true;
}
alert("It is not valid phone number!");
return false;
}
然后是 HTML
<form action="demo_form.asp" onsubmit="return validateForm()" method="post" name="pageFeedbackSurvey" id="pageFeedbackSurvey">
<div class="pod pageFeedback">
<h2>Feedback</h2>
<div class="body">
<fieldset>
<div class="surveyrow">
<p id="q1Wording">Did you find the information you were looking for on this page?</p>
<ul>
<li> <!-- input uses class, name and value for jquery -->
<input name="showdiv2" id="survey1_1" value="Yes" type="radio" class="showsubmit"/><label for="survey1_1">Yes</label>
</li>
<li>
<input name="showdiv" id="survey1_2" value="No" type="radio" class="showform"/><label for="survey1_2">Partially</label>
</li>
<li>
<input name="showdiv" id="survey1_3" value="No" type="radio" class="showform"/><label for="survey1_3">No</label>
</li>
</ul>
</div>
<div id="extraFields">
<div class="commentRow">
<div id="hiddentextarea"> <!-- hidden div -->
<label for="comments">How can we improve this page?</label>
<textarea name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,300);"
onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,300);" id="comments" rows="8" cols="19"></textarea>
<p>Character limit: <input readonly="readonly" type="text" name="countdown" id="countdown" size="3" value="300"></input></p>
</div>
</div> <!-- end hidden div -->
<div id="hiddenfields"> <!-- hidden div -->
<div class="emailContainer">
<div class="email" id="email">
<input type="text" name="emailAddr" id="emailAddr" size="22" value="Enter email address"/>
</div>
</div>
<div class="phoneContainer">
<div class="phone" id="phone">
<input type="text" name="phone" id="phone" type="phone" size="22" value="" />
</div>
</div>
<div id="pageFeedbackSubmit" class="button primary right">
<input class="arrow" onclick="validate();" value="Submit" type="submit" id="surveySubmit"/>
</div><!-- button -->
</div> <!-- end hidden div -->
<div class="clearBoth"></div>
</div>
</fieldset>
<div id="errormsg" class="errorMessage" style="display: none"></div>
<div id="thankYou" style="display:none">
<h3>Thank you</h3>
<p>We appreciate you taking the time to help us.</p>
</div>
我一直在努力寻找在类型或提交时验证电话输入的解决方案。我隐藏了表单,直到选择单选按钮,按下收音机后显示电子邮件、电话和文本区域,然后我让它验证文本区域用于输入和电子邮件用于语法,现在我需要验证电话作为英国号码,我设法让电话字段至少显示一个不正确的弹出警报, 但我无法让它接受当前设置中的任何数字。
有人可以告诉我在提交时操作validateForm功能的同时验证电话以及电子邮件和文本区域的正确方法吗?
以下所有添加/编辑 23/08/2012
嘿伙计们感谢您的所有回复,但我仍然无法让它工作,我已经更改了 id,所以不再有 2 个phone
id,我将 showdiv2 更改为 showdiv,并且在我插入 javascript telnumber 检查之前将输入类型更改为 tel
我将脚本从 braemoor.co.uk/software/telnumbers.shtml 添加到我的标题中的 javascript 文件中,然后我尝试将该 javascript 绑定到 html,该示例中没有 html,所以我一直在猜测......
电子邮件和文本区域已经存在的验证功能由
<form action="demo_form.asp" onsubmit="return validateForm()"
这工作正常,我想要的是电话功能也可以在提交时或之前运行?我尝试将其添加到提交按钮中
<input class="arrow" onclick="checkUKTelephone();" value="Submit" type="submit" id="surveySubmit"/>
但它不会验证手机,它只是在其经过验证的电子邮件和文本区域后转发到演示页面,忽略电话号码,显然我没有做正确的事情我对 JavaScript 没有太多经验,因为您可能已经注意到:)
有人好心告诉我我哪里出了问题吗?
你的 HTML 有问题:
<div class="phoneContainer">
<div class="phone" id="phone">
<input type="text" name="phone" id="phone" type="phone" size="22" value="" />
</div>
</div>
如您所见,ID "phone" 对于 DIV 和 INPUT,存在两次。
因此,当您尝试获取要验证的电话号码时,它会返回"未定义",这就是您验证实际电话号码的原因。
<div class="phoneContainer">
<div class="phone" id="phoneDiv"> <!-- change the name here -->
<input type="text" name="phone" id="phone" type="phone" size="22" value="" />
</div>
</div>
在 HTML 文档中,两个元素可以具有相同的名称,但 id 应该是 uniq。
有关基于您的代码的完整示例,请检查:https://docs.google.com/open?id=0B31oh4Omo6z0YjFmNHc2bjJCMk0
- 错误:语法错误,无法识别的表达式:不支持的伪:无效/RectJS/Unit Testing
- 未捕获错误:语法错误,无法识别的表达式:input[@type=submit]
- jquery 1.8.0语法错误,无法识别的表达式:>
- 什么是英国电话号码验证表达式和语法
- Jquery 替换所有文本语法正则表达式中的变量
- 如何修复 jQuery 1.8“语法错误,无法识别的表达式”错误
- 错误:错误:语法错误,无法识别的表达式:
- 属性选择器不起作用(语法错误、无法识别的表达式)
- 如何在jQuery中修复此错误未捕获异常:语法错误,无法识别的表达式:语法错误,无法识别的表达式:标签
- 正则表达式语法错误 - 无需重复
- JS正则表达式语法
- Javascript正则表达式语法错误
- 正则表达式语法困难
- Angularjs的ng类表达式语法
- Javascript多重比较表达式语法
- 来自PEG(解析表达式语法)的智能感知
- JavaScript正则表达式语法
- 未捕获的错误表达式:语法错误,无法识别的表达式
- jQuery函数中的正则表达式语法
- HTML5输入验证的Javascript正则表达式语法