前端检验姓名用户为空，jquery代替form表单的button功能

			<div class="login-top">
			<p class="m-t-md text-center">SWE数据中台系统</p>
			</div>
            </form>

			<form id="signupForm" novalidate="novalidate" action="/login" method="POST">
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="{% static 'img/name.png'%}"/></div>
				<div class="login-center-input">
                	<input class="form-control uname" id="username" name="username" type="text" value="" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'">
<!--					<div class="login-center-input-text">用户名</div>-->
				</div>
			</div>
			<div class="login-center clearfix">
				<div class="login-center-img"><img src="{% static 'img/password.png'%}"/></div>
				<div class="login-center-input">
					<input class="form-control pword m-b" id="pwd" name="password" type="password" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'">
					<div class="login-center-input-text">密码</div>
				</div>
			</div>
				<div id ="submitbut" class="login-button"  >
					登录
			</div>
<!--                <button  id ="submitbut" class="login-button" onclick="new_login()" >登录</button>-->
			</form>
		</div>
		<div class="sk-rotating-plane"></div>
</div>
<script type="text/javascript" src="{%static 'js/jquery-1.11.0.min.js'%}"></script>
<script type="text/javascript">
	$("#submitbut").click(function(){
		var name = $.trim($("#username").val());

		var pwd = $.trim($("#pwd").val());
		if(name == ""){
			alert("姓名不能为空");
			return;
		}
		if(pwd == ""){
			alert("密码不能为空")
			return;
		}
		$("#signupForm").submit();
	});

</script>

前端检验姓名用户为空，jquery代替form表单的button功能。