Django/Jquery表單提交

我試圖創建一個簡單的輸入框與表單驗證，但即時通訊不是100％確定如果成功發佈一個帖子的URL。我不是100％肯定，如果我只是需要內的jQuery腳本，或者如果我還需要在views.py文件中修改任何發出帖子...Django/Jquery表單提交

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Demo</title> 
    </head> 

<body> 

<script src="{{ STATIC_URL }}js/jquery.js"></script> 

<script type="text/javascript"> 
jQuery(function(){ 
     $("#btn-search").click(function(){ 
     $(".error").hide(); 
     var hasError = false; 
     var searchReg = /^[a-zA-Z0-9-]+$/; 
     var searchVal = $("#search-text").val(); 
     if(searchVal == '') { 
      $("#search-text").after('<span class="error">Please enter a search term.</span>'); 
      hasError = true; 
     } else if(!searchReg.test(searchVal)) { 
      $("#search-text").after('<span class="error">Enter valid text.</span>'); 
      hasError = true; 
     } 
     if(hasError == true) {return false;} 
          else { 
            $("#search-text").after('<span class="error">Search term accepted.</span>'); 
            return false; 
          } 
    }); 
}); 
</script> 

<form method="post" name="form1" action="/whatmask_output/"> 
{% csrf_token %} 
    <fieldset> 
      <div><label>Search:</label><input type="text" name="search-text" id="search-text" value="" size="32" /></div> 
      <div><label></label><input type="submit" value="Submit" id="btn-search" /></div> 
    </fieldset> 
</form> 

</body> 
</html>

任何想法？

來源

2012-04-10 felix001

兩件事情改變。首先，

$("form").submit(function(){

更換

$("#btn-search").click(function(){

，因爲它是可以通過按下回車即可提交搜索表單/文本框中輸入範圍內，完全繞過按鈕。

其次，改變

else { 
    $("#search-text").after('<span class="error">Search term accepted.</span>'); 
    return false; 
}

到

else { 
    $("#search-text").after('<span class="error">Search term accepted.</span>'); 
    return true; 
}

這應該允許submit無需進一步干預進行。

來源

2012-04-10 21:37:11 Blazemonger

給您形式的ID：

<form method="post" id="form1" name="form1" action="/whatmask_output/">

，每當你準備提交使用：

$('#form1').submit();

來源

2012-04-10 21:36:02

Django/Jquery表單提交

回答

相關問題