html中有关于submit的笔记
程序员文章站
2022-04-11 12:24:08
...
用input提交,代码如下:
<form id="TestForm" name="SelectNav" method="post" action="goto.php">
<input class="shuju" id="TestInput" name="TestInput" type="text" placeholder="在这里填写信息" autocomplete="off"/>
<input class="tijiao" type="submit" name="TestSubmit" value="提 交" onclick="return check()"/>
<input class="chongzhi" type="reset" name="TestReset" value="重 置" />
</form>
判断数据不能为空:
<script>
function check(){
if(TestForm.TestInput.value==""){
alert("请填写信息!");
return false;
}
TestForm.TestSubmit();
}
</script>
用a标签提交,代码如下:·
<form id="TestForm" name="SelectNav" method="post" action="goto.php">
<input class="shuju" id="TestInput" name="TestInput" type="text"placeholder="在这里填写信息" autocomplete="off"/>
<a onclick="TestSubmit();">提交</a>
</form>
核对信息是否正确:
<script>
function TestSubmit(){
var xx="请核对信息是否有误:\r\n测试信息:("+TestForm.TestInput.value+")";
if(confirm(xx)){
document:TestForm.submit();
}else{
return false;
}
}
</script>
判断信息是否为空:
<script>
function TestSubmit(){
if(TestForm.TestInput.value==""){
alert('信息为空,不能提交!');
}else{
document:TestForm.submit();
}
}
</script>
判断手机号是否为空,并验证格式是否正确:
<script>
function TestSubmit(){
var phone = document.getElementById('TestInput').value;
if(phone==""){
alert('信息为空,不能提交!');
}else if(!(/^1[34578]\d{9}$/.test(phone))){
alert("手机号码格式不正确!");
}else{
document:TestForm.submit();
}
}
</script>
判断邮箱是否为空,并验证格式是否正确:
<script>
function TestSubmit(){
var email = document.getElementById('TestInput').value;
if(email==""){
alert('信息为空,不能提交!');
}else if(!(/^(?:\w+\.?)*\[email protected](?:\w+\.)*\w+$/.test(email))){
alert("邮箱格式不正确!");
}else{
document:TestForm.submit();
}
}
</script>
上一篇: Lombok介绍
推荐阅读
-
关于html css 层级的问题_html/css_WEB-ITnose
-
关于php,mysql,html的数字分页和文本分页的两种分页样式供大家参考_PHP教程
-
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
-
HTML学习笔记之三(localstorage的使用)_html/css_WEB-ITnose
-
html中关于换行符占空间的解决办法
-
关于微信订阅号获取openid的问题_html/css_WEB-ITnose
-
关于css 样式表的基本问题,菜鸟求教_html/css_WEB-ITnose
-
关于图片的PNG与JPG、JIF格式_html/css_WEB-ITnose
-
div中有一个marquee标签,marquee中有滚动显示的文字,如何让文字在div中垂直居中从右向左滚动显示?_html/css_WEB-ITnose
-
伪类hover失效,关于CSS的优先级_html/css_WEB-ITnose