code:
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/fValidator.js"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
var myValidator = new fValidator("formId");
myValidator.register($("fieldId"), {type: "money", re: /^\$?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}[0-9]{0,}(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/, msg: "Please insert a valid amount of money"});
myValidator.register($("cEmail"),{type: "required", re: /^[a-z0-9@._-]{1,}$/i, msg: "Please enter a valid Username.(at least 1 character and cannot contain space)"});
});
</script>
<form id="formId" action="#" method="POST" enctype="text/plain">
<input id="fieldId" type="text" name="name" value=""/>
<input type="text" id="cEmail" value=""/>
<input type="text" name="name" value="" id="mm" class="fValidate['required']"/>
<input type="submit" name="submit" value="ok"/>
</form>
分享到:
相关推荐
在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"> <!-- 表单元素 --> ``` 在JavaScript部分,定义`validateForm`函数来...
### 使用JavaScript语言进行表单验证 #### JavaScript与表单验证的重要性 随着互联网技术的飞速发展,表单作为用户向服务器提交数据的主要方式之一,在现代Web应用中扮演着至关重要的角色。为了确保提交的数据准确...
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行必填项不能为空验证,再进行正则表达式匹配验证。
本资源"基于JavaScript的表单验证.zip"提供了一种使用JavaScript进行表单验证的方法,涵盖了HTML、CSS、JavaScript以及正则表达式等多个关键技术领域。 首先,HTML(超文本标记语言)是构建网页的基础,用于定义...
例如,检查邮箱是否为空或格式是否正确,可以通过`value`属性获取输入值,并用正则表达式进行验证。 实验报告中还提到了一些JavaScript事件,如`onload`、`onerror`、`onresize`、`onbeforeunload`和`onunload`,...
JavaScript表单验证是Web开发中的一个关键环节,它主要用于确保用户在提交数据前输入的信息符合预设的格式和规则,从而提高数据质量和用户体验。在HTML表单中,我们经常使用JavaScript来实现动态验证,因为这种...
客户端验证是指在用户提交数据到服务器之前,利用JavaScript在用户浏览器上对输入的数据进行有效性检查,以提高用户体验和减轻服务器负担。本文将深入探讨JavaScript在表单验证中的应用、原理以及常见实践。 一、...
本文件属于文章《原生javascript表单验证实例教程》的完整代码,在读完原创文章之后可以下载查看代码。代码中有详细的注释说明。html、css、js代码都在同一个文件中。也可以供有需要的朋友在开发中直接使用。
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
经典javascript表单验证
- 使用 `onsubmit` 事件调用 `validate_form` 函数进行验证。 - 如果邮箱地址验证失败,则阻止表单提交并聚焦到邮箱输入框。 #### 四、扩展知识点 ##### 1. 正则表达式的使用 - **正则表达式** 是一种强大的...
基于jquery的form表单验证类,工程项目为.net项目,主要是做了详细的调用例子,如果不使用.net,可以直接formvaildator-1.0.js或formvaildator-1.0.min.js,里面也有详细的调用说明,不过项目说明因为有例子会直观...
1. 实时验证:通过监听`oninput`事件,在用户输入时立即进行验证,提供即时反馈。 2. 错误提示:显示明确的错误消息,指导用户如何修正错误。可以使用HTML5的`setCustomValidity`方法或自定义DOM元素来实现。 五、...
jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1、硬件要求:计算机一台 2...
Javascript经典案例javascript表单验证及事件
以上就是关于JavaScript表单验证对象控件以及使用Ajax进行重复项验证和数据提交的基础知识。在实际应用中,你可能还需要考虑错误处理、异步操作的用户体验改进(如加载指示器)以及安全问题,如防止XSS和CSRF攻击。...
这种技术可以在用户提交表单之前对表单数据进行验证,从而避免了非法数据的提交和服务器端的压力。 在客户端表单验证中,JavaScript语言扮演着非常重要的角色。它可以在用户提交表单之前对表单数据进行验证,从而...
"javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术,旨在为开发者提供全面的参考。以下是对这个主题的详细阐述: 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...
本文将详细介绍如何在JavaScript中实现一个简单的表单验证,包括基本的验证逻辑和一些高级技巧。我们将通过实例代码来展示如何构建健壮的前端数据校验。 通过本文的介绍,你应该能够理解并实现基本的JavaScript表单...