2014-11-17 41 views
1

我在JavaScript中有2個函數,但只返回錯誤中的一個,而不是它們兩個。onsubmit按鈕僅適用於1個功能

如果我刪除一個功能,然後其他作品,但如果我有2個功能,它只顯示一個。

這是我的javascript:

 function validateForm(event) { 
    event = event || window.event || event.srcElement; 
    var initialMonoReading = $('#InitialMonoReading').val(); 
    var newMonoReading = $('#newMonoReading').val() 
    if (~~newMonoReading < ~~initialMonoReading) { 
     $('#MonoErrorMessage').text("New Mono Readings must be MORE than existing"); 
     $('#MonoErrorMessage').show(); 
     event.preventDefault(); 
    } 
    else { 
     $('#MonoErrorMessage').hide(); 
    } 
} 

function validateForm(event) { 
    event = event || window.event || event.srcElement; 
    var InitialColourReading = $('#InitialColourReading').val(); 
    var newColourReading = $('#newColourReading').val() 
    if (~~newColourReading < ~~InitialColourReading) { 
     $('#ColourErrorMessage').text("New Colour Readings must be MORE than existing"); 
     $('#ColourErrorMessage').show(); 
     event.preventDefault(); 
    } 
    else { 
     $('#ColourErrorMessage').hide(); 
    } 
} 

這是我的提交:

  @using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { enctype = "multipart/form-data", onsubmit = "validateForm(event)"})) 

這僅適用於該ColourErrorMessage。但忽略MonoErrorMessage。當它應該顯示這兩個錯誤....

那麼爲什麼跳過的功能

+0

u能張貼小提琴和第二回合爲何調用相同功能的2倍.. –

+0

,因爲它有兩種不同勢ID其中... –

+0

請格式化代碼並以適合的格式發佈。 –

回答

1

聲明具有相同名稱的兩個功能在同一範圍內將導致最新一期覆蓋較早的企業之一之一。對於HTML

function validateForm(event){ 
    validateMono(event) 
    validateColor(event) //Or something to combine the results. 
} 

function validateMono(event) { 
    event = event || window.event || event.srcElement; 
    var initialMonoReading = $('#InitialMonoReading').val(); 
    var newMonoReading = $('#newMonoReading').val() 
    if (~~newMonoReading < ~~initialMonoReading) { 
     $('#MonoErrorMessage').text("New Mono Readings must be MORE than existing"); 
     $('#MonoErrorMessage').show(); 
     event.preventDefault(); 
    } 
    else { 
     $('#MonoErrorMessage').hide(); 
    } 
} 

function validateColor(event) { 
    event = event || window.event || event.srcElement; 
    var InitialColourReading = $('#InitialColourReading').val(); 
    var newColourReading = $('#newColourReading').val() 
    if (~~newColourReading < ~~InitialColourReading) { 
     $('#ColourErrorMessage').text("New Colour Readings must be MORE than existing"); 
     $('#ColourErrorMessage').show(); 
     event.preventDefault(); 
    } 
    else { 
     $('#ColourErrorMessage').hide(); 
    } 
} 

然後:

最好做這個

@using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { enctype = "multipart/form-data", onsubmit = "validateForm(event)"})) 
相關問題