【问题标题】:How to submit data in using easyui form如何使用easyui表单提交数据
【发布时间】:2017-11-16 09:49:02
【问题描述】:

在我的项目中,我使用的是 id 为 ff 的 easyui 形式。

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

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

也许 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";
?>

我不知道怎么做?谁能帮帮我?

【问题讨论】:

  • 你检查过inspector的网络标签看看请求响应是什么吗?
  • form中添加action="oat.php"
  • 根据文档,您的代码似乎很好,还有别的东西。关注@ProEvilz 问题并更新我们。 (jeasyui.com/documentation/form.php)
  • @ProEvilz,ReferenceError: oat is not defined submitForm onclick
  • @OfirBaruch,ReferenceError: 未定义燕麦

标签: javascript php jquery jquery-easyui


【解决方案1】:

在将代码oat.php 视为变量时,应添加引号,以便 JS 将其视为字符串值。

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

【讨论】:

    猜你喜欢
    • 2017-01-24
    • 1970-01-01
    • 1970-01-01
    • 2017-06-15
    • 1970-01-01
    • 2018-10-25
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    相关资源
    最近更新 更多