返回False不适用于所有字段

时间:2016-01-29 02:44:40

标签: jquery

我对这个字符串感到惊讶。 4个字段可以控制返回false,但下面的某些字段不起作用。虽然我使用的代码完全相同。

我已多次尝试改变构图但仍然失败 造成这种失败的原因是什么?

以下代码



$('#button_small').click(function(){
  var error = false;
var logowarning = '<img class="img-reg" src="warning.gif" alt=" !"/>';
		if ($('#username').val()=='') {
	$('.username').html(logowarning)
		error = true;
	}

		if ($('#password').val()=='') {
	$('.password').html(logowarning)
		error = true;
	}

		if ($('#passverif').val()=='') {
	$('.passverif').html(logowarning)
		error = true;
	}

		if ($('#email').val()=='') {
	$('.email').html(logowarning)
		error = true;
	}

		if ($('#provinsi').val()=='') {
	$('.provinsi').html(logowarning)
		error = true;
	}

		if ($('#kota').val()=='') {
	$('.kota').html(logowarning)
		error = true;
	}
	
	return !error;
})

$('#username').click(function(){
$('.username').html('')
})

$('#password').click(function(){
$('.password').html('')
})

$('#passverif').click(function(){
$('.passverif').html('')
})

$('#email').click(function(){
$('.email').html('')
})

$('#provinsi').click(function(){
$('.provinsi').html('')
})

$('#kota').click(function(){
$('.kota').html('')
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

	<form id='id_form' action='signup.php' method='post'>
	
<label for='password'>Password1:</label>
<input type='password' id='password' name='password' /><span class='password'></span><br />

<label for='passverif'>Password2:</label>
<input type='password' id='passverif' name='passverif' /><span class='passverif'></span><br /><br />	
	
<label for='username'>Name:</label>
<input type='text' id='username' name='username'/><span class='username'></span><br />

<label for='email'>E-mail:</label>
<input type='text' id='email' name='email'/><span class='email'></span><br /><br />

<label for='Provinsi'>Provinsi:</label>
<input id='Provinsi' type='text' name='provinsi'/><span class='provinsi'></span><br />

<label for='Kota'>Kota:</label>
<input id='Kota' type='text' name='kota'/><span class='kota'></span><br /><br />

<label for='NoHP'>Phone:</label>
<input onKeyPress="return kodeScript(event,'0123456789',this)" type='text' id='NoHP' name='ponsel'/><br /><br />
			
<label style='width:auto' for='area_register'>Nama Jalan / Alamat Tambahan:</label><br />
<textarea style='width: 400px !important; height: 80px !important;border-color: #D03102;' spellcheck='false' id='area_register' type='text' name='jalan'></textarea><br />
	
<input id='button_small' type='submit' value='Register' />

    </form>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

检查您的HTML

<input id='Provinsi' type='text' name='provinsi'/><span class='provinsi'></span><br />

在你的jquery中,你引用它就像

if ($('#provinsi').val()=='')

您的ID不匹配。 P应该是jquery中的大写或HTML中的小。 jQuery区分大小写