如何使用easyui表单提交数据

时间:2017-11-16 09:49:03

标签: javascript php jquery jquery-easyui

在我的项目中,我使用了id为ff的easyui表单。

我想在提交表单之前检查数据。所以我在表单方法中使用onSubmit。

但我无法接受来自oat.php的数据,方法alert(数据)成功无法显示“你的名字”。

也许jquery.form.js是原因,但我不确定。

这是头部代码:

<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jsui/easyui-1.5.3/themes/icon.css">
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>

这里是js代码:

 <script>
 function submitForm(){
  $('#ff').form('submit',{
        url:oat.php,
        onSubmit:function(){
            return $(this).form('enableValidation').form('validate');
            },
        success:function(data){
            alert(data)
            }
        });
}
function clearForm(){
    $('#ff').form('clear');
}
</script>

这是html代码:

<form id="ff" class="easyui-form" method="post" data-options="novalidate:true"  enctype='multipart/form-data'>
        <table cellpadding="5">
            <tr>
                <td>announceTitle:</td>
                <td><input class="easyui-textbox" type="text" name="annTitle" data-options="required:true,multiline:true" style="height:60px"></input></td>
            </tr>
        </table>
        <div class="attFile" id="attFileId">
        <div class="upBtDiv"><label style="color:green">attfile:</label><input type="file" id="fulId" name="mypic"></div>
        <div class="ulfDiv" id="ulfId1"></div>
    </div>
     <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">submit</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">clear</a>
    </div>
    </form>

这是oat.php代码:

<?php
echo "Your Name";
?>

我不知道怎么样?谁可以帮助我?

1 个答案:

答案 0 :(得分:1)

在作为变量处理的代码oat.php中,您应该添加引号,以便JS将其视为字符串值。

 $('#ff').form('submit',{
        url: 'oat.php', //added quotes.
        onSubmit:function(){
            return $(this).form('enableValidation').form('validate');
            },...