相关疑难解决方法(0)

禁用提交按钮,除非原始表单数据已更改

这是我正在使用的代码:

$('form').bind('keyup change', function(){
Run Code Online (Sandbox Code Playgroud)

默认情况下,提交按钮设置为DISABLED,如果输入文本字段内的某些内容发生更改,或单选按钮检查状态或下拉选择值,则必须通过删除已禁用的属性来设置按钮启用.

我的目标: 在此输入图像描述

编辑:如果有任何内容更改回其默认值,则提交按钮应设置为由prop禁用('disabled',true); - 需要一些方法来跟踪每一个变化.

================================================== ==

示例:转到Twitter,然后从下拉菜单中选择"登录".在帐户页面中,更改您的用户名(只需添加额外的字符),然后向下滚动,设置复选框以选中,并更改您的国家/地区选择.

该按钮将在底部启用,返回并取消选中您之前选中的复选框,底部的按钮将保持启用状态,

滚动到顶部将您的UserName更改回原来的状态,向下滚动按钮以保存更改仍将启用,转到国家/地区列表并将其更改回您之前的状态,现在最后向下滚动:保存更改按钮将被禁用

================================================== ==

编辑:这看起来非常相似,通过javascript跟踪表单中的更改的最佳方法是什么?

引用:"默认情况下,您可以将其禁用,并让JavaScript处理程序查看更改事件的输入以启用它.可能会渲染一些隐藏字段或直接呈现JavaScript值以存储"原件",并在这些更改事件上检查当前对原始值的值,以确定是否应启用或禁用该按钮. - David Jan 18 at 15:14"(仅当表单中的值已更改时才启用"提交"按钮).

html css jquery

14
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

jquery ×1