JavaScript 表单验证

编程之家收集整理的这篇文章主要介绍了JavaScript 表单验证编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript 表单验证

HTML 表单验证能够通过 JavaScript 来完成。

如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去:

JavaScript 实例

function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("必须填写姓名");
        return false;
    }
}
函数能够在表单提交时被调用

HTML 表单实例

<form name="myForm" action="/action_page_post.PHP" onsubmit="return validateForm()" method="post">
姓名:<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

具体实例测试如下

<!DOCTYPE html>
<html>
    <head>
    <script>
        function validateForm() {
            var x = document.forms["mysForm"]["fname"].value;
            if (x == "") {
                alert("必须填写姓名!");
                return false;
            }
        }
    </script>
    </head>
<body>

<form name="mysForm" action="/demo/action_page.PHP" onsubmit="return validateForm()" method="post">
姓名:<input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html>        

  

总结

以上是编程之家为你收集整理的JavaScript 表单验证全部内容,希望文章能够帮你解决JavaScript 表单验证所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

相关文章

猜你在找的JavaScript相关文章

前几天在看js的相关内容,所以就简单写了一个二级联动菜单。分享一下。
我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为称作“事件”,之后引发的一系列动作,比如弹窗啦,改变浏览器大小啦,
JavaScript 表单验证 HTML 表单验证能够通过 JavaScript 来完成。 如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去
JavaScript 有三种类型的弹出框:警告框、确认框和提示框。 警告框 如果要确保信息传递给用户,通常会使用警告框。 当警告框弹出时,用户将需要单击“确定”来继续。 语法 window.alert
Math.random():获取0~1随机数Math.floor() method rounds a number DOWNWARDS to the nearest integer, and retu
function change(limit){ var size = &quot;&quot;; if(limit &lt; 0.1 * 1024){ //小于0.1KB,则转化成B size = l
一、故事背景: 1. 今天公司有个项目需求 2. 在前端页面实现一个倒计时功能 3. 初步设想:后端根据需求规定一个未来的时间,前端根据当前时间进行计算 4. 然后将时间格式化,时分秒的格式 5. 时
1、Token:token是客户端频繁向服务器端请求数据,服务器频繁的去数据库查询用户名和密码进行对比,判断用户名和密码正确与否,并作出相应的提示,在这样的背景下,token便应运而生了。 2、使用t
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注