我有一个带有js的电话验证器,它工作正常,但是在返回php代码时为假后夕,php代码被执行。 如何阻止它执行。
这是我的js函数
function phonenumber(inputtxt){
var phoneno = /^d{10}$/;
if(inputtxt.value.match(phoneno))
{return true;}
else
{alert("message");
return false;}
}
这是我的网页代码
<form action="get_quote.php" method="post" name="quote" class="quote">
<font class="label"><input type="text" class="quote" placeholder="Enter Your Name" autocomplete="off" name="name" required/>
<input type="text" class="quote" autocomplete="off" placeholder="Enter Your Mobile Number" name="mobile" required/>
<input type="email" class="quote" autocomplete="off" placeholder="Enter Your Email Id" name="email" required/><br />
</center>
<div>
<div class="rest">
<input type="radio" id="new" name="condition" class="rest" checked>New<br />
<input type="radio" id="mod" name="condition" class="rest"/>Modification
</div>
<div class="rest">
<input type="checkbox" name="web" />Website<br />
<input type="checkbox" name="android" />Android Application<br />
<input type="checkbox" name="ios" />IOS Aplication<br />
<input type="checkbox" name="seo" />SEO/SMO<br />
<input type="checkbox" name="desktop" />Computer Software<br />
</div>
</div>
<br><center>
<textarea name="desc" placeholder="Enter Your Description" required></textarea><br /></font>
<button type="submit" onclick="phonenumber(document.quote.mobile)" class="quote">Get Quote</button>
</form>
Working Fiddle。
在函数调用之前在onclick
中添加return
:
<button type="submit" onclick="return phonenumber(document.quote.mobile)" class="quote">Get Quote</button>
希望这有帮助。
您可以使用以下命令获取移动字段值:
function phonenumber()
{
var inputtxt = document.getElementsbyName("mobile");
var phoneno = /^d{10}$/;
if(inputtxt.value.match(phoneno))
{
return true;
}
else
{
alert("message");
return false;
}
}
并且不需要在onclick事件中传递参数,请使用以下内容:
<button type="submit" onclick="phonenumber()" class="quote">Get Quote</button>