移动端表单验证用户名与手机号

Posted 简单就好zyx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端表单验证用户名与手机号相关的知识,希望对你有一定的参考价值。

<form action="" class="form" action="" method="post" id="form1">
<div class="mt20">
<label for="name" class="namelabel">您的姓名:</label><br>
<input type="text" placeholder="请输入您的姓名..." class="write write1" id="username" />
</div>
<div class="mt20">
<label for="name" class="namelabel">联系电话:</label><br>
<input type="tel" placeholder="请输入您的手机号码..." class="write write2" id="tel" maxlength="11" />
</div>
<center>
<input type="button" class="submite" value="点击提交获取学历方案" onclick="sb();"/>
</center>

</form>

 

<script type="text/javascript">
function sb(){
var username = document.getElementById("username");
var tel = document.getElementById("tel");
var rules = /^1[3,5]\d{9}$/;
if(username.value==null || username.value==""){
alert("请输入姓名");
username.focus();
return;
}
if(tel.value==null || tel.value==""){
alert("请输入手机号");
tel.focus();
return;
}else if(rules.test(tel.value)){
alert(‘是手机号码‘);
}else {
alert(‘不是手机号码‘);
}
}

</script>

以上是关于移动端表单验证用户名与手机号的主要内容,如果未能解决你的问题,请参考以下文章

6月17 表单验证

手机端表单验证插件

Element UI Form表单验证

JavaScript 正则表单验证(用户名密码确认密码手机号座机号身份证号)

vue2移动端使用vee-validate进行表单验证

表单验证之正则表达式