`
zhtphoenix
  • 浏览: 7636 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

使用fValidator库进行Javascript表单验证

    博客分类:
  • web
阅读更多
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>

分享到:
评论

相关推荐

    javascript表单验证方式一

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

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

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

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

    例如,检查邮箱是否为空或格式是否正确,可以通过`value`属性获取输入值,并用正则表达式进行验证。 实验报告中还提到了一些JavaScript事件,如`onload`、`onerror`、`onresize`、`onbeforeunload`和`onunload`,...

    改进后的javascript表单验证

    JavaScript表单验证是Web开发中的一个关键环节,它在用户提交数据到服务器之前对输入进行检查,确保数据的完整性和准确性。在这个“改进后的javascript表单验证”中,我们将探讨如何提升用户体验,增强验证功能,并...

    JavaScript表单验证

    JavaScript表单验证是Web开发中的一个关键环节,它主要用于确保用户在提交数据前输入的信息符合预设的格式和规则,从而提高数据质量和用户体验。在HTML表单中,我们经常使用JavaScript来实现动态验证,因为这种...

    javascript表单验证密码是否相同

    下面我们将通过一个具体的示例来深入探讨如何使用JavaScript进行表单验证以确保两次输入的密码相同。 #### 示例代码分析 首先,我们来看一下题目给出的示例代码: ```html ()"&gt; ...

    《原生javascript表单验证实例教程》源码

    本文件属于文章《原生javascript表单验证实例教程》的完整代码,在读完原创文章之后可以下载查看代码。代码中有详细的注释说明。html、css、js代码都在同一个文件中。也可以供有需要的朋友在开发中直接使用。

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    经典javascript表单验证

    经典javascript表单验证

    javascript表单验证使用示例(javascript验证邮箱).docx

    - 使用 `onsubmit` 事件调用 `validate_form` 函数进行验证。 - 如果邮箱地址验证失败,则阻止表单提交并聚焦到邮箱输入框。 #### 四、扩展知识点 ##### 1. 正则表达式的使用 - **正则表达式** 是一种强大的...

    javaScript实现的表单验证,省市级联

    本项目主要探讨了如何使用JavaScript实现一种高效且用户友好的表单验证功能,同时结合了省市级联选择,使得用户在填写地址信息时可以方便地进行选择。 首先,表单验证是确保用户输入的数据符合预设规则的关键环节。...

    javascript的表单验证

    1. 实时验证:通过监听`oninput`事件,在用户输入时立即进行验证,提供即时反馈。 2. 错误提示:显示明确的错误消息,指导用户如何修正错误。可以使用HTML5的`setCustomValidity`方法或自定义DOM元素来实现。 五、...

    JavaScript表单验证.pdf

    本文主要探讨了如何使用JavaScript对网页中的表单进行验证,确保用户输入的数据符合预期的格式和要求。 首先,表单验证的基本目标是防止无效或不完整的数据被提交到服务器。在用户提交表单前进行验证,可以降低...

    Javascript表单验证控件Validator v1.05

    2. **配置规则**:使用JavaScript代码为每个需要验证的表单元素设置验证规则。 3. **绑定事件**:将验证功能与表单或表单元素的事件(如onsubmit、onchange)关联起来。 4. **处理结果**:当验证失败时,处理错误...

    Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

    以上就是关于JavaScript表单验证对象控件以及使用Ajax进行重复项验证和数据提交的基础知识。在实际应用中,你可能还需要考虑错误处理、异步操作的用户体验改进(如加载指示器)以及安全问题,如防止XSS和CSRF攻击。...

    JS表单验证与JS常见问题解决方案

    JavaScript,作为一种广泛应用于Web开发的脚本语言,其在处理用户交互、特别是表单验证方面起着至关重要的作用。在创建动态和响应式的网页时,JS表单验证是确保数据质量和用户输入有效性的关键环节。以下是一些关于...

    javascript验证表单大全

    "javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术,旨在为开发者提供全面的参考。以下是对这个主题的详细阐述: 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...

    javascript表单验证的源码.txt

    ### JavaScript表单验证知识点 #### 一、概述 在Web开发中,表单验证是非常重要的一个环节,它能够确保用户提交的数据格式正确且符合预期,从而避免后续处理时出现错误或异常情况。JavaScript作为前端开发的主要...

Global site tag (gtag.js) - Google Analytics