2015-07-11 96 views
1

我在HTML中编写了一个表单,并在那里使用了角度js。通过电子邮件发送一个角度Js格式

没有什么奇特的,一个简单的形式与mail to:email address在行动。

链接http://www.chami.com/tips/internet/010597I.html说它应该单独使用mailTo添加到操作属性。

但它不起作用。我还需要添加什么?

<!DOCTYPE HTML> 
<html lang="en-US" ng-app="myApp"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Form</title> 

    <meta name="viewport"> 

    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
    <script type="text/javascript" src="js/script.js"></script> 
    <link rel="stylesheet" href="css/styling.css" /> 

</head> 

<body ng-app="myApp"> 
    <form name="userForm" action="mailto:[email protected]" ng-controller="sample" method="POST" enctype="multipart/form-data" novalidate> 
     <div class="row col-lg-offset-3"> 
      <div class="form-group col-lg-6" ng-class="{ 'has-error': userForm.name.$invalid && userForm.name.$dirty}"> 
       <label class="control-label">Name</label> 
       <input type="text" class="form-control" name="name" ng-model="user.name" ng-required="true" ng-minlength="3" placeholder="Name" /> 
       <span class="error-message" ng-show="userForm.name.$dirty 
      && userForm.name.$error.required">You are required to provide your name</span> 

       <span class="error-message" ng-show="userForm.name.$dirty 
      && userForm.name.$error.minlength">Your name should contain 3 or more characters</span> 
      </div> 
     </div> 
     <div class="row col-lg-offset-3"> 
      <div class="form-group col-lg-6" ng-class="{ 'has-error': userForm.email.$invalid && userForm.email.$dirty }"> 
       <label class="control-label">Email</label> 
       <input type="email" class="form-control" name="email" ng-model="user.email" ng-required="true" placeholder="Email" /> 
       <span class="error-message" ng-show="userForm.email.$dirty 
      && userForm.name.$error.required">You are required to provide your Email Id</span> 
      </div> 
     </div> 

     <div class="row col-lg-offset-3"> 
      <div class="form-group col-lg-6" ng-class="{ 'has-error': userForm.phonenumber.$invalid && userForm.phonenumber.$dirty}"> 
       <label class="control-label">Mobile Number</label> 
       <input type="text" class="form-control" name="phonenumber" ng-model="user.phonenumber" ng-minlength="10" ng-maxlength="10" ng-required='true' placeholder="10 digit Mobile Number" /> 
      </div> 
     </div> 

     <div class="row col-lg-offset-3"> 
      <div class="form-group col-lg-6" ng-class="{ 'has-error': userForm.Age.$invalid && userForm.Age.$dirty}"> 
       <label class="control-label">Age</label> 
       <input type="text" class="form-control" name="Age" ng-model="user.Age" placeholder="Age (Optional)" ng-model-options="{updateOn: 'blur'}" /> 
      </div> 
     </div> 

     <div class="row col-lg-offset-3"> 
      <div class="form-group col-lg-6" ng-class="{ 'has-error': userForm.Company.$invalid && userForm.Company.$dirty}"> 
       <label class="control-label">Company</label> 
       <input type="text" class="form-control" name="Company" ng-model="user.Company" placeholder="Company Name (Optional)" ng-minlength="2" /> 
      </div> 
     </div> 

     <div class="row col-lg-offset-3"> 
      <!-- <button class="btn btn-primary" 
      ng-disabled="userForm.$invalid" 
      type="submit">Save</button>--> 

      <input type="submit" value="Submit"> 
     </div> 
    </form> 
</body> 

</html> 
+0

我不认为你想要做什么是可能的,你需要一个后端脚本来发送实际的电子邮件。看到这里:http://stackoverflow.com/questions/12626940/mailto-on-submit-button –

回答

0

mailto:表单操作中的URI需要一个浏览器和电子邮件客户端,它们将很好地结合在一起。这些非常罕见,因此在那里使用mailto: URIs completely impractical

您需要使用HTTP(S)URI和服务器端表单处理程序(第三方托管选项可用)。