千家信息网

bootstrap表单如何提交信息

发表于:2025-01-24 作者:千家信息网编辑
千家信息网最后更新 2025年01月24日,这篇文章主要介绍了bootstrap表单如何提交信息的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇bootstrap表单如何提交信息文章都会有所收获,下面我们一起来看看吧
千家信息网最后更新 2025年01月24日bootstrap表单如何提交信息

这篇文章主要介绍了bootstrap表单如何提交信息的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇bootstrap表单如何提交信息文章都会有所收获,下面我们一起来看看吧。

方法一:

submit提交

我们通过在前端页面中的头部插入一个js的方法来实现代码如下:

function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpassid").value;   if(result == ""  ){     alert("用户名不能为空");    return false;   }   if(password == ""  ){    alert("密码不能为空");     return false;   }else{   return true;   }}

完成上面步骤之后我们在form的表单中加入下面这些代码:

用户名
密 码

这就是使用submit方法的相关代码。

方法二:

button提交

对于这个方法的话我们直接看代码:

function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("passid").value;   if(result == ""  ){     alert("用户名不能为空");     return false;   }   if(password == ""  ){    alert("密码不能为空");     return false;   }  document.getElementById("formid").submit();}

对于form表格的写法的话我们是需要使用类选择器的代码如下:

关于"bootstrap表单如何提交信息"这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对"bootstrap表单如何提交信息"知识都有一定的了解,大家如果还想学习更多知识,欢迎关注行业资讯频道。

0