单击提交后,带有输入值的jquery确认弹出窗体

时间:2016-05-21 09:38:55

标签: javascript jquery html

我正在尝试创建一个表单,在点击提交后我应该弹出一个带有输入值的弹出窗口,以便通过编辑和提交按钮进行确认。 我看到很多例子,但没有什么是确切的。

帮助表示赞赏。

这是代码:

% Open the input file
fp=fopen('d.txt','rt')
% Read the file as a text file
C=textscan(fp,'%s')
% Close the text file
fclose(fp)
% Convert the string to numbers
x=str2num(char(strrep(C{1}(:),',','.')))

});

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/blitzer/jquery-ui-1.8.2.custom.css">

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<script>
$(document).ready(function(){
            $("#list").click(function() {
                var cun = $("#list").val();

    $.ajax({
            type: "POST",
            url: "http://localhost/prakash/popup form/view.php",
            data: {'data':cun},
            success: function(data){
                    //redirect to id using response
                    //window.location.replace("http://yoursite.com/products/" + response);
                    $('.display').html(data);
            }
    });


    }); 

        });

</script>
<script>
$(document).ready(function(){
    $("#add").click(function() {
      var cun = $("#dis").val();

$.ajax({
    type: "POST",
    url: "http://localhost/prakash/popup form/add.php",
    data: {'data':cun},
    success: function(data){
        //redirect to id using response
        //window.location.replace("http://yoursite.com/products/" + response);
        $('.display').html(data);
    }
});


}); 

  });
</script>
<script>
$(function(){       
    // jQuery UI Dialog   

    $('#dialog').dialog({
        autoOpen: false,
        width: 400,
        modal: true,
        resizable: false,
        buttons: {
            "Submit Form": function() {
                document.testconfirmjq.submit();
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });

    $('form#testconfirmjq').submit(function(e){
        e.preventDefault();

        $("p#dialog-name").html($("input#name").val());
        $('#dialog').dialog('open');
    });

                     

您输入了姓名:

            

            

如果这是正确的,请单击“提交表单”。

            

要进行编辑,请单击“取消”。

        

1 个答案:

答案 0 :(得分:0)

此代码可能会对您有所帮助

&#13;
&#13;
yxx
&#13;
function send(){
  var name = document.getElementById('name').value;
var r = confirm(name);
    if (r == true) {
      //apply with your function(it will be excuted)
       return true;
    } else {
      
       return false;
    }
    return false;
}
&#13;
&#13;
&#13;