`

验证表单的标准JavaScript

JavaScriptHTML 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
        <title>Untitled Document</title>
        <script type="text/javascript">
            function validate(m,n)
            {
                var flag = true;
                if(m.value == "" && n == 0)
                {
                    document.getElementById("username_info").innerHTML = "用户名不为能空";
                    flag = false;
                }
                else
                {
                    document.getElementById("username_info").innerHTML = "";
                }
                if(m.value.length < 6 && n == 0)
                {
                    document.getElementById("username_info").innerHTML = "用户名长度不能小于6";
                    flag = false;
                }
                else
                {
                    document.getElementById("username_info").innerHTML = "";
                }
                if(m.value == "" && n == 1)
                {
                    document.getElementById("password_info").innerHTML = "密码不能为空";
                    flag = false;
                }
                else
                {
                    document.getElementById("password_info").innerHTML = "";
                }
                if(m.value.length < 6 && n == 1)
                {
                    document.getElementById("password_info").innerHTML = "密码长度不能小于6";
                    flag = false;
                }
                else
                {
                    document.getElementById("password_info").innerHTML = "";
                }
                return flag;
                
            }
        </script>
    </head>
    <body>
        <div align="center">
            <form>
                <input type="text" id="username" onblur="validate(this,0);"/><div id="username_info"></div>
                <br/>
                <input type="password" id="password" onblur="validate(this,1);"/><div id="password_info"></div>
                <br/>
                <input type="submit" value="验证" /><input type="reset" value="重置"/>
                <br/>
            </form>
        </div>
    </body>
</html>


々上善若水々 2007-12-06 08:11 发表评论
分享到：
| Struts2中的Result类型应用(action...etc ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计，它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能，提供了良好的用户体验，因为用户无需跳转到新页面...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。

    javascript方式防止表单重复提交

    JavaScript作为客户端脚本语言，可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点： 1. **禁用提交按钮**：最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...

    表单设计Javascript工具

    3. **事件处理**：利用JavaScript的事件监听器，可以在用户与表单交互时执行特定操作，如点击按钮时提交表单或显示错误提示。 4. **表单提交**：JavaScript可以实现无刷新提交，通过AJAX技术将表单数据发送到服务器...

    javascript表单验证方式一

    在HTML表单中，我们可以为输入元素添加`onsubmit`事件监听器，当用户尝试提交表单时触发JavaScript函数进行验证。例如： ```html ()"&gt; &lt;!-- 表单元素 --&gt; ``` 在JavaScript部分，定义`validateForm`函数来...

    基于JavaScript的表单验证.zip

    在表单验证中，JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为，然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素，再利用`value`属性获取...

    javascript表单美化和验证插件

    JavaScript 表单美化和验证插件是Web开发中不可或缺的一部分，尤其在构建用户友好且具有交互性的网页时。这类插件通常提供丰富的功能，以提升表单的视觉吸引力和用户体验，同时确保数据的有效性。本插件具备以下关键...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    `onsubmit`事件绑定到函数`check()`，该函数会在用户尝试提交表单时执行，用于验证输入。如果邮箱、昵称、密码和确认密码等字段不符合规定，`check()`函数会阻止表单的正常提交，从而实现前端验证。 实验的目的是让...

    javascript表单正则验证自定义提示

    JavaScript中的表单验证通常在`onsubmit`事件处理程序中进行，该处理程序会在用户尝试提交表单时触发。首先，我们可以遍历表单中的每个元素，然后针对每个需要验证的元素应用正则表达式。 例如，假设我们有一个要求...

    使用JavaScript语言进行表单验证

    ### 使用JavaScript语言进行表单验证 #### JavaScript与表单验证的重要性 随着互联网技术的飞速发展，表单作为用户向服务器提交数据的主要方式之一，在现代Web应用中扮演着至关重要的角色。为了确保提交的数据准确...

    javascript 验证表单 工具

    javascript验证表单工具，各种常用表单验证的正则表达式。

    checkForm_表单验证_javascript_

    这样，当用户尝试提交表单时，我们的验证函数就会被调用。 3. **验证规则**：定义验证规则是关键。这些规则可能包括但不限于：非空检查、电子邮件格式、电话号码格式、数字范围等。例如，我们可以使用`if`语句检查...

    JavaScript表单验证模板

    当用户提交表单或改变输入值时，对应的函数会被调用执行验证逻辑。 3. **DOM操作**：Document Object Model (DOM)允许JavaScript访问和修改HTML元素。通过`document.getElementById`、`querySelector`或`...

    javascript特效 表单验证

    客户端验证是指在用户提交数据到服务器之前，利用JavaScript在用户浏览器上对输入的数据进行有效性检查，以提高用户体验和减轻服务器负担。本文将深入探讨JavaScript在表单验证中的应用、原理以及常见实践。 一、...

    javascript验证表单大全

    1. 事件监听：JavaScript可以通过监听`onsubmit`事件来在表单提交时执行验证。 2. DOM操作：通过DOM（文档对象模型）获取表单元素，如`document.getElementById`或`document.querySelector`。 3. 验证函数：创建验证...

    Js 表单提交验证函数（很全了）

    对于更复杂的验证，例如服务器端验证，可以使用`Promise`或`async/await`处理异步请求，等待验证结果后再决定是否提交表单。 八、跨浏览器兼容性 考虑到不同浏览器对HTML5新特性的支持程度，可能需要使用条件语句或...

    javascript很好很强大的JS表单验证

    javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证

    高级的javascript表单验证

    高级的javascript表单验证, 正则及常用验证 制作带关闭按钮的浮动窗口 制作全选全不选效果效果 DIV提示效果的表单验证

Magicbox
Global site tag (gtag.js) - Google Analytics