JQuery导航警告以输入类型为条件
JQuery navigation warnings to be conditional on input types
我有一个脚本,当用户在保存任何更改之前试图离开页面时,它会警告用户。
然而,我希望它在从选择下拉菜单重定向到其他页面时忽略某些类的这一点,如果没有进行任何更改,但如果对其他输入字段进行了更改,并且他们试图通过此选择下拉菜单导航,则应显示警告。这是脚本:
$(document).ready(function () {
var unsaved = false;
$(":input").change(function(){
unsaved = true;
});
$('.send').click(function() {
unsaved = false;
});
function unloadPage(){
if(unsaved){
return "You have unsaved changes on this page. Do you want to leave this page and discard your changes or stay on this page?";
}
}
$(window).bind('beforeunload', function() {
if(unsaved){
return "You have unsaved changes on this page. Do you want to leave this page and discard your changes or stay on this page?";
}
});
//Monitor dynamic inputs
$(document).on('change', ':input', function(){
unsaved = true;
});
$(document).on('change', '.send1', function(){
unsaved = false;
});
window.onbeforeunload = unloadPage;
});
这是一些html:
<select class="form-control send1" name="menus" onchange="location = this.options[this.selectedIndex].value;">
<option value="/pf" selected>Preferences</option>
<option value="/pers">Personal</option>
/select>
<input type="email" class="form-control" id="newsletter" name="newsletter" placeholder="Enter email" value="">
<input type="text" class="form-control" id="firstname" name="adminfirstname" value="" placeholder="First name">
<button type="submit" class="btn btn-sample btn-md reset send" id="send" name="commit"><b>Save</b></button>
那么,如果他们使用选择下拉菜单导航并填写了输入字段,那么警告怎么会出现呢?同样,如果没有填写输入字段,就不会出现警告?
我试过这样的东西,但我认为如果:input
不是class = send1
:,它就不会起作用
$(document).on('change', '.send1', function(){
if($(":input").not('.send1')){
$(":input").change(function(){
unsaved = true;
});
}
});
您只需从您的select onchange中删除unsaved = false
即可。
相关文章:
- 通过js在新选项卡中有条件地打开url
- 我已经创建了一个jquery转盘,并使用if条件来运行和停止转盘
- 为什么会出现错误;未捕获的类型错误:undefined不是函数;
- 如何在DOM元素上按类型构建此函数
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- 类型胁迫在有条件的情况下更危险吗?
- 未捕获的类型错误:无法读取属性'条件'的未定义
- 用户单击输入类型复选框时的条件检查
- 如果条件表达式,如何确定输入字段类型“submit”的当前 ID 以在 PHP 中使用
- 为什么正则表达式模式不符合 javascript 数据类型的条件
- 嵌入闪亮应用程序中的数据表的条件选择类型
- 零元素条件中的错误“;如果“;未捕获的类型错误:无法读取属性'1'为null
- JQuery导航警告以输入类型为条件
- 将变量数据类型解析为一个函数,该函数在JavaScript中包含对数据类型的条件检查
- 作为条件和引用类型的函数
- Gulp-useref:按类型有条件地处理资产
- 不能比较条件语句中int类型的变量
- 根据返回的数据类型应用if else条件
- 使用条件语句进行类型检查?JS
- S3 api策略条件,限制文件类型/扩展名