如何在angularjs中找到表单中的名字和姓氏?

时间:2015-09-18 02:54:38

标签: javascript angularjs

有人可以告诉我如何从表单字段中检索名字和姓氏的值。 条件是名字和姓氏写在同一文本字段中,并以" "(空格)分隔。我需要得到它的价值。

这是我的代码和条件enter image description here

PLUNKR

<body ng-app="app">
  <div ng-controller="first">
    <form name="myform" novalidate>
      <div>
        <input type="text" placeholder="FirstName lastname" ng-model="user.firstname" name="username" required style="width: 300px;padding: 20px">

        <!--<span ng-show="myform.username.$dirty && myform.username.$error.required">Required</span>-->

      </div>

      <div>
        <input type="email" placeholder="Email" ng-model="user.email" name="email" required style="width: 300px;padding: 20px;margin-top: 50px">
      </div>
      <p>{{user}}</p>
    </form>
  </div>
</body>

3 个答案:

答案 0 :(得分:1)

http://plnkr.co/edit/QkECAMaNJf2ACXo2LJpe?p=preview

angular.module('app', ['ionic']).controller('first',function($scope){
  $scope.user = {};

  $scope.nameChanged = function() {
    if ($scope.name) {
      var name = $scope.name.split(" ");

      if (name.length > 0) {
        $scope.user.firstname = name[0]; // first name;
        if(name.length>1) {
          $scope.user.lastname = name[1]; // last name
        } else {
          $scope.user.lastname = '';
        }
      }
    } else {
      $scope.user.firstname = '';
      $scope.user.lastname = '';
    }
  }
})

和html

    <input type="text" placeholder="FirstName lastname" ng-model="name" ng-change="nameChanged()" name="username" required style="width: 300px;padding: 20px">

答案 1 :(得分:0)

试试这个

SELECT NAMA_GRUP, SUM(TOTAL_KPI_PROGRAM)/COUNT(ctr.TANGGAL) AS AVG_KPI, COUNT(ctr.TANGGAL) AS JUMLAH_TANGGAL, ctr.TANGGAL AS TANGGAL
FROM ckm_t_grup ctg, ckm_t_program ctp, ckm_t_rundown ctr, ckm_t_calculate ctc
WHERE ctg.ID_GRUP = ctp.ID_GRUP AND ctp.ID_PROGRAM = ctr.ID_PROGRAM AND ctr.ID_RUNDOWN = ctc.ID_RUNDOWN AND (ctr.TANGGAL BETWEEN '2015-07-01' AND '2015-07-15')
GROUP BY ctr.TANGGAL, NAMA_GRUP

UNION

SELECT NAMA_GRUP, SUM(TOTAL_KPI_PROGRAM)/COUNT(ctr.TANGGAL) AS AVG_KPI, COUNT(ctr.TANGGAL) AS JUMLAH_TANGGAL, ctr.TANGGAL AS TANGGAL
FROM ckm_t_grup ctg, ckm_t_program ctp, ckm_t_rundown ctr, ckm_t_calculate_2 ctcc
WHERE ctg.ID_GRUP = ctp.ID_GRUP AND ctp.ID_PROGRAM = ctr.ID_PROGRAM AND ctr.ID_RUNDOWN = ctcc.ID_RUNDOWN AND (ctr.TANGGAL BETWEEN '2015-07-01' AND '2015-07-15')
GROUP BY ctr.TANGGAL, NAMA_GRUP

PLUNKR

答案 2 :(得分:0)

你可以使用split函数来分隔空格分隔的firstname和lastname。 注意以捕获未定义的条件

        var str = "First Second";
            var res = str.split(" ");
    var first=res[0];
if(res[1]!=undefined)
    var second=res[1];
else
var second="";