当添加特定的下拉选项中选择

Question

玉家伙的错误消息，我已经做了一些研究和不能找到一些作品来解决我的问题，即使我敢肯定它的一个简单的修补程序:)

我有一个简单的联系表单，其中第一行是一个下拉选择。此下拉列表确定表单提交给哪位员工。我只想让我的默认选项“请选择类别”返回一条错误消息，以便提交者必须返回并选择其中一个选项以获取发送的表单。当没有选择任何东西时，它会创建大量垃圾邮件到默认电子邮件。

这里是下拉的码位：

   <tr> 
      <td><label for="sendTo">Category (required):</label></td> 
      <td> 
       <select id="sendTo" name="sendTo"> 
        <option id="pleaseSelectcategory1" value="pleaseSelectcategory1">Please Select Category</option> 
        <option id="aftermarketCustomerservice" value="aftermarketCustomerservice">Aftermarket Customer Service</option> 
        <option id="technicalAssistance" value="technicalAssistance">Technical Assistance</option> 
        <option id="aftermarketSales" value="aftermarketSales">Aftermarket Sales</option> 
        <option id="performanceProducts" value="performanceProducts">Performance Products & Sales</option> 
        <option id="oemSales" value="oemSales">OEM Sales</option> 
        <option id="exportSales" value="exportSales">Export Sales</option> 
        <option id="generalFeedback" value="generalFeedback">General Feedback</option> 
       </select> 
      </td> 
      </tr> 

我只需要放什么东西在我的HTML，如果有的话，使这个错误信息会出现在我的PHP文件。提前致谢！！

Answer 1

在纯JavaScript，你可以使用下面的功能：

function checkCategory(){ 
    if(document.getElementById('sendTo').value === 'pleaseSelectcategory1') { 
    alert("You need to select category"); 
    //This is to ensure that the form doesn't get submitted. 
    return false; 
    } 
} 

要么上的按钮或窗体本身使用onclick="javascript:checkCategory();"onsubmit="javascript:checkCategory();"

在PHP中你可以使用：

if($_POST['sendTo'] == "pleaseSelectcategory1") 
{ 
    //However you want to handle the the fact the user selected the option 
} 

Answer 2

在发布数据之前，您应该使用Javascript函数来验证您的表单。这对UX来说更好，并且会阻止表单甚至到达PHP post函数。

在您的形式有onsubmit领域调用JavaScript函数：

<form name="form" id="form" action="" onsubmit="return validateForm()" method="POST"> 

和检查选择框的值你的Javascript功能：

// Basic form validation for select box. 
function validateForm() { 
    if (document.getElementById("sendTo").value != null && docmument.getElementById("sendTo").value != "pleaseSelectcategory1") { 
     return true; 
    } 

    //Handle error message here. 
    alert("Please select a category"); 
    return false; 
} 

您也可以验证表单一旦形式获取张贴在PHP与：

if ($_POST['sendTo'] === 'pleaseSelectcategory1') { 
    // Redirect back to form or do whatever 
}