2013-04-23 105 views
0

這裏我有一個像下面這樣的情況,我想要nyromodal裏面的jQuery驗證引擎插件。如果我不使用它與nyromodal意味着它在這裏工作正常,一些屏幕拍攝我有什麼........ .....Uncaught TypeError:Object [object Object]在'nyromodal'Popup中使用它時沒有方法'validationEngine'?

This will Show the validation prompt This Will Show The Error In FireBug

這裏是我的代碼:

<?php 
require_once'../session.php'; 
?> 
<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml' > 
<head> 
    <title>HTML Form Builder</title> 
    <link rel='stylesheet' type='text/css' href='<?php echo ROOT_PATH;?>css/validationEngine.jquery.css'/> 

<script type="text/javascript" src="<?php echo ROOT_PATH;?>js/jquery.min.1.7.1.js"> 
</script> 
<script type="text/javascript" src="<?php echo ROOT_PATH;?>js/jquery.validationEngine-en.js"></script> 
<script type="text/javascript" src="<?php echo ROOT_PATH;?>js/jquery.validationEngine.js"></script> 
    <script type='text/javascript'> 
    $(function(){ 
     changeInnerHTML('doctor_id'); 
     changeInnerHTML('hospital_id'); 
     changeInnerHTML('clinic_id'); 
     changeInnerHTML('stockist_id'); 
     changeInnerHTML('chemist_id'); 
     changeInnerHTML('bloodbank_id'); 
     changeInnerHTML('dialysis_id'); 
     if($('#refSubmit').val() == 'grid') 
     { 
      $('#submit-form').hide(); 
     } 
     $('form').attr('autocomplete','off'); 
     //$('form').attr('id','addForm'); 
     $('form').removeAttr('novalidate'); 
    }); 
    function changeInnerHTML(id) 
    { 
     if($('#dialog_box_'+id).length) 
     { 
      var tmp=id.split('_'); 
      $.get('getDataValues.php?ref='+tmp[0],function(data,status){ 
       $('#dialog_box_'+id).html(data); 
      }); 
     } 
    } 
    $('#submit-form').live('click',function(){ 
     $('#preview_form').validationEngine('validate')?subForm():''; 
    }); 
    function subForm() 
    { 
     $('#preview_form').submit(); 
    } 
    </script> 
    </head> 
    <body> 
    <div id='container'> 


     <h1 id="form-name" style="background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px; border: none; margin: 8px 15px;">dfgdfg</h1> 
     <form method="POST" action="saveData.php" id="preview_form" novalidate="novalidate"> 


     <div class="row" style="display: block;"><label class="field" for="textfield_1">textfield_1<div class="rqrd">*</div></label><span class="textField" data=""><input type="text" id="dialog_box_textfield_1" name="textfield_1" class="validate[required]" /></span></div><input type="button" class="button blue" value="Submit" id="submit-form"/><input type='hidden' id='tname' name='tname' value='surveyForm_2' /><input type='hidden' id='refSubmit' name='refSubmit' value='<?php echo $_GET['ref'];?>' /></form></div> <!--container--> 

</body> 
</html> 

回答

1

你需要用你的裏面$(document).ready(function() { });$(function() { }); jQuery代碼讓它看到整個DOM以及使用on()代替live因爲live已被棄用,在jQuery的版本完全刪除1.9+

$(document).ready(function() { 
    $('#submit-form').on('click',function(){ 
     $('#preview_form').validationEngine('validate')?subForm():''; 
    });  
}); 

的另一件事是,確保路徑所有的文件都被正確定位。

+0

再次我得到同樣的錯誤................. – 2013-04-23 06:17:31

+1

@SivaG確保路徑是正確的 – Eli 2013-04-23 06:21:42

+0

路徑是好的,你注意到,如果我' m不使用nyromodal意味着它的到來罰款............所以沒有路徑錯誤....... – 2013-04-23 06:23:11

相關問題