`

jquery form 插件的使用

阅读更多

在頁面中先引入jquery的js:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

 

 表單代碼:

<form action="projectNeedsAddProjectNeedsAction.action" name="projectNeedsAddForm" id="projectNeedsAddForm" method="post" enctype="multipart/form-data" > 
标题:input type="text" name="project_needs_title" id="project_needs_title"  />
內容:<textarea id="project_needs_content" name="project_needs_content" rows="13" cols="89" value="" ></textarea>
複件1:<input type="file" name="upload"  />
複件2:<input type="file" name="upload"  />
複件3:<input type="file" name="upload"  />
<input id="diandian" type="button" class="btn" value="确 定" onclick="javascript:tt()" /> 
<input type="reset" class="btn" value="取 消" />

 

js代碼:

function tt (){
    alert("start");
    var options ={
        //target:'#project_needs',
        url:'projectNeedsAddProjectNeedsAction.action',  //提交地址
        type:'POST',          //方式
        dataType: 'html',   //服务器返回的数据形式
        success: function('html') {    //回传函数实体,参数为XMLhttpRequest.responseText   
            alert('success!!form');
            $("#project_needs").html('html') ; 
        }
    };
    $('#projectNeedsAddForm').ajaxSubmit(options); //options
    return false; 
    alert("end");
}

 

伺服器處理就不貼了。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics