ssm,jsp中按钮点击后无法调用到js(javascript)中的方法,按钮点击无响应
该js代码块实现的功能为:判断手机号格式(正则判断)是否正确,以及跳转到controller。
单纯看调用的话,可以直接看js代码块头两句即可。
注意点:写入位置在jsp尾部。
js:
<script type="text/javascript" language="javascript">
var tels=document.getElementById("telss");
tels.onclick=function(){
console.log('send方法被调用');
var phone= document.getElementById("tel").value; //tel为标签id名
let reg = /^1(3[0-9]|4[5,7]|5[0,1,2,3,5,6,7,8,9]|6[2,5,6,7]|7[0,1,7,8,6]|8[0-9]|9[1,8,9])\d{8}$/;
if (!reg.test(phone) || !phone.length==11) {
alert("手机号码有误,请重填");
}else{
document.f1.action="${pageContext.request.contextPath}/regist/sendme";
document.f1.submit();
}
}
</script>
按钮(发送验证码):按钮id名调用js中的方法
<div>
<input type="text" placeholder="手机号" required="" id="tel" name="tel" ></input><br>
<input type="button" value="发送验证码" id="telss" style="float: left;margin: 0 20px 10px;" />
<input type="text" placeholder="验证码" name="code" id="code">
</div>
奥利给