2017-11-16 14 views
0

私のプロジェクトでは、IDがffのeasyuiフォームを使用します。easyuiフォームを使用してデータを送信するには

そして、私は送信フォームの前にデータをチェックしたいと思います。だから私はonSubmitフォームメソッドを使用します。

しかし、私はoat.phpからデータを受け入れることができません。成功したメソッドアラート(データ)は「あなたの名前」を表示できません。

おそらく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"; 
?> 

どのようにわからないのですか?誰が私を助けられるか?

+0

インスペクタの[ネットワーク]タブを確認して、要求の応答を確認しましたか? – ProEvilz

+0

'formに' action = "oat.php"を追加してください – urfusion

+0

あなたのコードがうまくいくような文書によれば、他にも何かがあります。 @ProEvilzの質問に従ってください。 ProEvilz、にReferenceError @ –

答えて

1

コードでoat.phpを変数として扱う場合は、JSが文字列値としてJSを扱うように引用符を追加する必要があります。

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