除了单选按钮之外,jQuery.AreYouSure插件无法正常工作

时间:2018-01-25 11:15:07

标签: jquery jquery-plugins

我正在使用jQuery plugin:你是否确定v1.9.0。我在vbhtml页面遇到了一个奇怪的问题。 如果我更改单选按钮的值而不是同一表单中的其他元素,插件工作正常。

以下是代码段:

<form id="MultiSelectedSlidesSettings" name="MultiSelectedSlidesSettings" Class="col-md-10 col-lg-10 col-sm-12 "  >

                <input type="text" value="abc" id="temp"  />
                <input type="radio" name="MaxParticipantResponseType1" id="variable1" value="Variable" checked="checked" />
                <label for="variable1">Variable</label>
<input type="button" class="btn btn-default " id="btnSubmitSlide" onclick="xxxx()" value="Save" />
</form>

JavaScript:

function SetMultiSlidesSelectedView() { 
     $("#MultiSelectedSlidesSettings").areYouSure({
                message: 'It looks like you have been editing something. '
                + 'If you leave before saving, your changes will be lost.'
            });
    }

以上代码仅用于演示目的,实际上还有其他控件,例如复选框和单选按钮等。

提示留下&#39;留下/离开&#39;仅在我更改单选按钮状态时才会显示消息。如果我更改输入字段中的文本和/或取消选中/选中复选框,它就不会出现。

任何解决方案或解决方法都将受到高度赞赏

1 个答案:

答案 0 :(得分:0)

好的,我发现了问题。看起来插件要求表单元素中的元素具有name属性。例如,在上面的示例中,input.text被赋予id但未设置name。一旦我设置了name属性就可以了。

<input type="text" value="abc" id="temp" name="temp" />