php函數內部的javascript函數調用

Question

我有一個包含2個按鈕的表單：“提交”和“保存”。 提交表單后，將運行兩種單獨的功能，具體取決於所按下的按鈕。 我想做的是調用一個函數來檢查按下提交按鈕時是否有空字段。

我的部分代碼：

    function valuecheck(){
    var msg="";
    if($F('entrepreneur_name')==""){ 

    msg+="You need to fill the product name field!\n";
     document.getElementById("entrepreneur_name").focus();
     }

     if($F('address')==""){ 
      msg+="You need to fill in address!\n";

    }
      if (msg) 
  {alert(msg);
  return false;
   }
  }

 <?php
 $chkbutton=$_POST['submit'];
 switch ($chkbutton)
 {

 case "Submit":
 // how to call the JavaScript function here..
 ...//rest of the code
 ?>

表格：

 <input type="submit" style="width:10%" name="submit" value="Save" >
 <input type="submit" style="width:10%" name="submit" value="Submit" >

如何在案例“提交”中調用javascript函數：

提前致謝。

Answer 1

您可以在提交之前在表單級別執行此操作：

<form name='myform' method='post' onSubmit="myFunction()">

並在您的js函數中：

function myFunction()
{
  if( !...)
    return false; //don't submit the form
}

Answer 2

<input type="submit" style="width:10%" name="submit" value="Submit"  onclick="Validate()" >

和

<script>
function Validate()
{
// your validation
}
</script>

Answer 3

有很多方法可以從php函數調用JavaScript函數。

echo '<script type="text/javascript">'
, 'yourJSFunction();'
, '</script>'; 

或者您可以通過這種方式...

<?php
 // some php stuff
?>
<script type="text/javascript">
    yourJSFunction();
</script>

希望能幫助到你...

Answer 4

sskoko的答案的替代方法：

var submitButton = document.getElementById('submit-button');
submitButton.addEventListener('click', function(event) {
    valuecheck();
}, false);

盡管我有一個偷偷摸摸的懷疑，當您的值無效時，您將需要使用event.preventDefault()來阻止表單提交。

該方法可能必須在傳遞給addEventListener()的匿名函數中調用，或者可能需要將event傳遞到valuecheck() ，然后可以在此處preventDefault() 。 試一試，看看。