function isFormChanged(fm,exceptObjName)
{
if(fm==null) fm=document.forms[0];
if(exceptObjName==null) exceptObjName=="";
var selectObjs=fm.getElementsByTagName("SELECT");//For Select Obj
for(var i=0;i<selectObjs.length;i++)
{
if((selectObjs[i].name=="")||(eval("/(^|,)"+selectObjs[i].name+"(,|$)/g").test(exceptObjName))) continue;
for(var j=1;j<selectObjs[i].length;j++)
{
if(selectObjs[i].options[j].defaultSelected!=selectObjs[i].options[j].selected){
return true;
}
}
}
var inputObjs=fm.getElementsByTagName("INPUT");//For Input Obj
for(var i=0;i<inputObjs.length;i++)
{
if((inputObjs[i].name=="")||(eval("/(^|,)"+inputObjs[i].name+"(,|$)/g").test(exceptObjName))) continue;
if((inputObjs[i].type.toUpperCase()=="TEXT")&&(inputObjs[i].defaultValue!=inputObjs[i].value)){
return true;
} else if(((inputObjs[i].type.toUpperCase()=="RADIO")||(inputObjs[i].type.toUpperCase()=="CHECKBOX"))
&&(inputObjs[i].defaultChecked!=inputObjs[i].checked)) {
return true;
}
}
var textareaObjs=fm.getElementsByTagName("TEXTAREA");//For Textarea Obj
for(var i=0;i<textareaObjs.length;i++)
{
if((textareaObjs[i].name=="")||(eval("/(^|,)"+textareaObjs[i].name+"(,|$)/g").test(exceptObjName))) continue;
if(textareaObjs[i].defaultValue!=textareaObjs[i].value)
return true;
}
return false;
}
分享到:
相关推荐
总结来说,"from表单提交验证框架"是基于jQuery和正则表达式的轻量级解决方案,它简化了Web表单验证的过程,让开发者能更专注于业务逻辑,而不是基础的验证逻辑。通过合理的配置和使用,可以大大提高开发效率和用户...
### 一个from表单提交多个功能 在Web开发中,我们经常会遇到需要通过同一个表单实现多种不同功能的情况。例如,根据用户的选择或输入执行不同的后端处理逻辑。本文将详细解析如何通过JavaScript来实现一个表单提交...
"from表单效验"指的是在前端进行的这种验证,这里的"from"可能是误打,应为"form"。通过自定义样式和逻辑,我们可以创建出符合项目需求的表单验证机制。下面将详细讨论表单验证的相关知识点。 首先,**表单元素**是...
在网页设计中,表单(Form)是收集用户信息的重要工具。为了提升用户体验,许多现代网页应用中都引入了表单元素的拖拽功能。本文将深入探讨"form表单拖拽功能"这一主题,结合提供的文件"FormbuildV1.0",详细解释其...
在本教程中,我们将探讨如何利用这两者的优势来设计和实现酷炫的form表单。 首先,HTML5引入了新的表单元素和属性,如`<input type="date">`用于日期选择,`<input type="email">`用于邮箱验证,以及`<fieldset>`和...
需要注意的是,表单的action属性是可以动态改变的,开发者可以通过JavaScript动态地修改表单的action属性,以改变数据提交的目标地址。 例如,如果我们想根据用户的某些操作更改表单提交的目标地址,可以编写如下...
在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...
在JavaScript中,检查表单数据是否改变是常见的需求,这通常涉及到用户交互和数据验证。当用户在表单中输入信息并试图离开页面或提交表单时,开发者可能希望确认用户是否已经对表单进行了修改。本文将介绍一种方法来...
在Ant Design Vue 3.x版本中,表单的使用与之前版本有了一些显著的变化,特别是对于嵌套表单的处理和验证方式。本文将详细解析这些变化,帮助开发者避免在升级过程中遇到的“坑”。 首先,让我们关注的是嵌套表单...
1. **过渡效果**:虽然示例代码中未直接体现,但可以利用CSS3的`transition`属性为表单元素添加平滑的过渡效果,比如当鼠标悬停在按钮上时改变其背景色或大小。 2. **响应式设计**:通过媒体查询(`@media`规则)...
在网页设计中,表单是不可或缺的元素,用于收集用户信息、进行数据交互。本示例提供了一种“很漂亮的表单样式”,它利用了HTML的`div`元素结合CSS来构建美观的布局,并通过JavaScript实现了一些炫酷的交互效果。下面...
`from.gif`可能是一个示例表单的图片,用于展示winform表单设计器的外观或设计示例。 `FormDesign.resx`是资源文件,它包含了表单设计中使用的非代码资源,如字符串、图像、图标等。 `NewFormDesin.sln`是解决方案...
在网页开发中,经常需要实现省市区城市三级联动的效果,以提供用户更加便捷的地域选择。这个功能通常用于地址填写、物流配送等场景。本文将详细介绍如何使用jQuery来实现这样的功能,结合select表单,实现数据的动态...
这种方式为构建高度可配置、灵活且动态的用户界面提供了强大的工具,尤其适合那些需要根据后端数据或用户权限动态改变表单结构的应用。在本文中,我们将深入探讨Angular动态表单的概念、实现方式以及其在实际项目中...
本文将深入探讨隐藏表单的方法,通过分析给定文件中的内容,提炼出关键知识点,帮助读者更好地理解和应用。 ### 隐藏表单的背景与意义 在图形用户界面(GUI)中,表单是与用户交互的主要元素之一,用于展示信息、...
在React开发中,处理表单逻辑往往是一项繁琐的任务,需要处理用户输入、验证、状态管理以及提交等过程。为了解决这个问题,社区引入了像Formik这样的库,它提供了一种简单、优雅的方式来处理React应用中的表单。本文...
在`index.html`中,我们通常会为表单元素绑定`blur`或`change`事件,当用户离开输入框或输入内容改变时进行实时验证。例如,我们可以使用`$.trim()`来清除空格,`$.isNumeric()`检查是否为数字,`$.isFunction()`...
7. **表单改变监听:** 如果需要在表单字段变化时执行某些操作,可以使用`useFormcatState` hook来监听表单状态的改变: ```jsx import { useFormcatState } from 'formcat'; const MyComponent = () => { ...
标题中的“from表单多个按钮提交用onclick跳转不同action”就是解决这个问题的一种方法。下面将详细讲解这个过程。 首先,来看一下给定的代码片段: ```html !list.action"> <!-- 下面input框提交的action不同,...