splitPinCodes.split(',')给出了错误

时间:2016-01-19 11:02:17

标签: javascript html angularjs

我在验证输入时遇到错误。 我在输入文本区域用逗号分隔6位数的邮政编码。 我申请了ng-change =" convertToArray()"输入文本区域的(角度方法)。

当我输入的数字超过6位而没有逗号(,)时会出错

HTML文件



$scope.convertToArray=function(){
		var splitPinCodes = $scope.cluster.pincode;
		$scope.toArray = splitPinCodes.split(',');
		
	}

<div class="page page-tasks ng-scope main-div ">
	<div class=" callout-elem-info ng-scope cntrl-div"
		data-ng-controller="mobilizationsettings">
		<form name="ClusterInfoForm" class="add-task table form-validate" novalidate>
			<div class="ng-scope left-div">

				<div layout layout-sm="column">
					<h3>Cluster No.1</h3>

					<md-input-container flex class="clusterName">
					<label>Cluster Name</label> <input id="inputCLusterName"
						ng-pattern="/^[a-zA-Z ]*$/" type="text" ng-model="cluster.Name"
						maxlength="40" placeholder="Enter Cluster Name"
						class="form-control required" required /> </md-input-container>
				</div>

				<div layout layout-sm="column">
					<md-input-container flex> <label>Cluster
						PinCodes</label> <input id="inputCLusterPincodes"
						ng-pattern="/^[1-9][0-9]{5}(?:,[1-9][0-9]{5})*$/" type="text"
						ng-model="cluster.pincode" ng-change="convertToArray()"
						placeholder="Enter Cluster PinCode" class="form-control " /> </md-input-container>

					<div class="addPinCode-div">
						<md-button required ng-model="newEntry" 
							class="btn-width-medium md-raised md-primary btn-lg md-button md-default-theme md-button addPinCodeButton"
							ng-click="addNewPinCode($data,$event)"> ADD
						PINCODE(S) </md-button>
					</div>
					&nbsp;
				</div>
&#13;
&#13;
&#13;

所以请帮我解决其他选择。

1 个答案:

答案 0 :(得分:0)

如果未找到分隔符,则分割不执行任何操作。重写为此,它应该工作:

var app = angular.module('app', ['ui.grid']);
app.controller('myctrl', ['$scope', '$http', function($scope, $http) {
    $http.get('/api/mydata').success(function(data) {
        $scope.mygrid.data = data;
    }
}

编辑:

  

当我输入的数字超过6位而没有逗号(,)时会出错

是的,这就是你的ng模式所说的:&#34;如果超过6个字符而没有逗号&#34;则会崩溃。