停止對錶格所需提交

Question

我有一個形式，在提交應該看到，如果文本區域沒有文字或佔位符文本。

IIF它它不應該提交。像驗證一樣。我無法停止表單提交。

$(document).ready(function() { 
    var options = { 
     target: '.user-status', 
     // target element(s) to be updated with server response 
     beforeSubmit: showRequest, 
     // pre-submit callback 
     success: showResponse, 
     // post-submit callback 
     // other available options: 
     //url:  url   // override for form's 'action' attribute 
     //type:  type  // 'get' or 'post', override for form's 'method' attribute 
     //dataType: null  // 'xml', 'script', or 'json' (expected server response type) 
     //clearForm: true  // clear all form fields after successful submit 
     resetForm: true // reset the form after successful submit 
     // $.ajax options can be used here too, for example: 
     //timeout: 3000 
    }; 

    $('#updateStatus').submit(function() { 
     $(this).ajaxSubmit(options); 
     return false; // prevent a new request 
    }); 

    function showRequest(formData, jqForm, options) { 

     var textbox = $('#StatusMessageMessage').val(); 
     if ((textbox == '') || (textbox == "What have you been eating ?")) { 
      alert(text); 
      return false; 
     } else { 
      $('#StatusMessageMessage').attr('disabled', true); 
     } 

    } 

    function showResponse(responseText, statusText, xhr, $form) { 
     $('#StatusMessageMessage').attr('disabled', false); 
    } 

    statusMEssagebox(); 


}); 



function statusMEssagebox() { 
    var textholder = $('#StatusMessageMessage').val(); 

    $('#StatusMessageMessage').focus(function() { 
     if ($(this).val() == textholder) $(this).val(""); 

     $(this).animate({ 
      "height": "48px", 
     }, "fast"); 
     $('.share').slideDown("fast"); 
     $(this).TextAreaExpander(48, 75); 

    }); 

    $('#StatusMessageMessage').blur(function() { 
     if ($(this).val() == "") { 
      $(this).val(textholder); 
      $('.share').slideUp("fast"); 
      $(this).animate({ 
       "height": "18px", 
      }, "fast"); 
     } 
    }); 
} 

Answer 1

我看到你使用jQuery形式插件ajaxify表單。文檔中有一個example，說明如何以優雅的方式實現這一點。您無需訂閱表格的.submit事件，並使用.ajaxSubmmit手動提交。你可以簡單地嘗試這個辦法：

$(function() { 
    $('#updateStatus').ajaxForm({ 
     beforeSubmit: function(formData, jqForm, options) { 
      var value = $('#StatusMessageMessage').val(); 
      if (value == '' || value == 'What have you been eating ?') { 
       return false; 
      } 
     } 
    }); 
}); 

Answer 2

您正在使用等號運算符而不是比較。

此：

if ((textbox = '') || (textbox = "What have you been eating ?")) { 
Problem -----^ 

應該是：

if (textbox == '' || textbox == "What have you been eating ?") { 

---

你也可以看到如何使用通過Ajax提交表單的jQuery：

• http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/