如何获得一个按钮来执行某项功能时，已被点击

它下面我有一个按钮：如何获得一个按钮来执行某项功能时，已被点击

<p><button id='submitstudents'>Submit Students</button></p>

我想要的按钮做的是触发editvalidation()功能，如果传递然后继续与确认。我有jquery代码设置验证，并显示确认，如果验证已通过，但如何获得按钮返回时点击按钮editvalidation()？

下面是相关的jQuery代码：

editvalidation（）：

 function editvalidation() 
{ 
    if ($("#coursesDrop").val()==""){ 
     $("#courseAlert").html("Please Select a Course from the Course Drop Down Menu"); 
    } 
    if ($("#coursesDrop").val()!="" && $("#courseadd").children().length==0){ 
     $("#courseAlert").html("You have not Selected any Students you wish to Add into Course"); 
    } 
    if ($("#coursesDrop").val()!="" && $("#courseadd").children().length!=0){ 
     return true; 
    } 
    return false; 
}

showConfirm（）：

  function showConfirm(){ 

      var courseNoInput = document.getElementById('currentCourse').value; 
      var courseNameInput = document.getElementById('currentCourseName').value; 

      if (editvalidation()) { 

     var confirmMsg=confirm("Are you sure you want to add your selected Students to this Course:" + "\n" + "Course: " + courseNoInput + " - " + courseNameInput); 

     if (confirmMsg==true) 
     { 
     submitform(); 
    } 
    } 
}

电流甚至检查点击按钮：

$('body').on('click', '#submitstudents', showConfirm);

来源

2013-03-01 user2048994

你试过

$('#submitstudents').on('click', function(){ if(editvalidation()) showConfirm(); });

？

来源

2013-03-01 15:18:34 Joe

相同的结果为对方回答，没有任何反应，当不正确，如果正确 – user2048994 2013-03-01 15:28:39

@ user2048994是HTML创建的提交按钮没有出现确认没有验证出现，或在DOM通过一些JavaScript？如果是后者，你可能需要为'on'使用稍微不同的语法。 – dunc 2013-03-01 15:36:48

@duncI简单地使用'button' html代码来显示按钮，但是按钮的功能是由DOM中的某个jquery完成的，如你所提到的 – user2048994 2013-03-01 15:38:15

试试这个：

$('#submitstudents').click(function(){ 
    if(editvalidation()) 
    showConfirm(); 
});

来源

2013-03-01 15:20:41

我试过这个，但没有工作，没有反应，当我点击提交按钮，并没有显示错误 – user2048994 2013-03-01 15:26:28

尝试抛出一个console.log（）或警报（）内的editvalidation（），看看它是否甚至是射击。 – Joe 2013-03-01 15:29:25

我之前在editvalidation和showconfirm中都放了一个警报，当我点击按钮时，它会在验证不符合时提醒editvalidation警报。当验证满足时，它仍然会为编辑验证取消预警，而不是showConfirm – user2048994 2013-03-01 15:34:06

我以前遇到过这一点。此代码工作完美的所有时间：

$('#submitstudents').live('click', function(){ 
    ...do what ever you want... 
});

来源

2013-03-01 15:40:27 noob

只在jQuery版本<1.7中使用.live（）。 – Joe 2013-03-01 15:41:20

我正在使用1.7.2。我猜我更擅长使用。那么呢？ – user2048994 2013-03-01 15:49:27

这里是我的代码的小提琴：jsfiddle.net/PhWbm – user2048994 2013-03-01 16:00:10

如何获得一个按钮来执行某项功能时，已被点击

回答

相关问题