Html提交按钮。如果表单选项选择了Jquery Alert来确认

时间:2014-02-20 00:37:08

标签: jquery html forms jquery-ui select

我有一个基本的html表单。表单在提交时使用PHP处理。

我有一个独特的条件,其中一个选择值是(为了参数)value ='2'然后数据从一个DB迁移到另一个DB。这是“一次性选项”,并将表单其余部分的数据限制为不可编辑的状态。

因此,我希望检测到选择值为“2”,然后使用确认的Y / N选项弹出警告“你确定”。

显然,是的,表单将传递给PHP处理器,并且将执行No nop操作。

任何人都可以指导我在哪里开始,因为JS和JQuery很遗憾不是我的强项。

非常感谢提前

威尔

1 个答案:

答案 0 :(得分:1)

我将假设您将使用单选按钮来定义要选择的不同值。

设置您的收音机输入并具有唯一的名称。对于你jquery,你需要挂钩那个无线电的“改变”事件。

$('input[name="rdoDB"]').change(function () {
    if($(this).val() == 2){
        CallMyPopup();
    }
});

现在,对于表单提交事件,您不希望在值为2时提交表单。

$('#myForm').submit(function () {
    if($('input[name="rdoDb"]').val() == 2)
    {
        CallMyPopup();
        return false //stop form propagation;
    }
});

我应该指出要保证您需要在php中进行后端检查,以确保在此值为2时您没有评估已禁用的数据。

jQuery网站是熟悉jQuery的好地方。