onChange驗證以提交

Question

對於我已驗證onChange（）事件的字段。當我更改字段並單擊提交按鈕時。 onChange（）事件是否檢查驗證。

在我的情況下，它不檢查。

任何幫助或建議請

<textarea id='abc' name='abc' onChange="checkvalidation('abc','true')>ddd</textarea> 

function checkvalidation(field, numericOrNot){ 
var Value = '#' + field; 
    var fieldval = $(field).val(); 
    if(numericOrNot) { 
     if(isNaN(fieldval)) { 
      alert("not a number"); 
      return false; 
     } 
    } 
    return true; 
} 

Answer 1

OnChange事件，當你改變表單字段的值應該火，並從現場移除焦點。它應該在點擊提交按鈕之前觸發。

但是，您在HTML中的)之後缺少結束報價。

<textarea id='abc' name='abc' onChange="checkvalidation('abc','true')">ddd</textarea> 
//-------------------------------------------------------------------^ 

以下是如何改變你的代碼，以便它使用data-屬性來確定數據類型。

的Html

<textarea id='abc' name='abc' data-type="number">ddd</textarea> 

jQuery代碼

$("#abc").change(function() { 
    var $this = $(this); 
    if($this.data("type") == "number") { 
    if(isNaN($this.val())) { 
     alert("not a number"); 
    } 
    } 
}); 

關於如何將表單提交時運行該代碼示例

$("form").submit(function(e) { 
    var $this = $("#abc"); 
    if($this.data("type") == "number") { 
    if(isNaN($this.val())) { 
     alert("not a number"); 
     e.preventDefault(); 
    } 
    } 
});