JS判断提交表单不能为空 等的验证

转自:https://blog.csdn.net/qiu512300471/article/details/23259811

<script type="text/javascript">
function beforeSubmit(form){
if(form.username.value==‘‘){
alert(‘用户名不能为空!‘);
form.username.focus();
return false;
}
if(form.password.value==‘‘){
alert(‘密码不能为空!‘);
form.password.focus();
return false;
}
if(form.password.value.length<6){
alert(‘密码至少为6位,请重新输入!‘);
form.password.focus();
return false;
}
if(form.password.value!=form.password2.value) {
alert(‘你两次输入的密码不一致,请重新输入!‘);
form.password2.focus();
return false;
}
return true;
}
</script>

<fieldset>
   <legend>用户注册</legend>
    <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
     <table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr><td><label>用户名:<input type="text" name="username" value=""></label></td></tr>
      <tr><td><label>密   码:<input type="password" name="password" value=""></label></td></tr>
      <tr><td><label>重复密码:<input type="password" name="password2" value=""></label></td></tr>
      <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
     </table>
    </form>
</fieldset>

原文地址:https://www.cnblogs.com/sharpest/p/10160794.html

时间: 2024-10-14 20:20:58

JS判断提交表单不能为空 等的验证的相关文章

js阻止提交表单(post)

js阻止提交表单(post) 在注册页面,我们经常要用到页面验证,验证到不符合要求的数据就阻止提交到服务器,如下 <script type="text/javascript"> function Check() { var phoneNumber = $.trim($("#PhoneNumber").val()); var isMobile=/^1?(3|5|7|8)\d{9}$/; if (isMobile.test(phoneNumber) == f

利用JS提交表单的几种方法和验证(必看篇)

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript">    function validate(obj) {     if (confirm("提交表单?")) {       alert(obj.value);       return true;     }

js判断所有表单项不为空则提交表单

demo1.html <html> <head> <title>提交表单页</title> <script type="text/javascript"> function myCheck() { for(var i=0;i<document.form1.elements.length-1;i++) { if(document.form1.elements[i].value=="") { alert(

js 回车提交表单的实现

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:    1. 如果表单里有一个type="submit"的按钮,回车键生效.    2. 如果表单里只有一个type="text"的input

JQuery判断form表单是否为空

功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交 $(function () { $('form').bind('submit',function () {  //给form标签绑定submit事件 var i=0; $("input").each(function(){  //遍历input标签,判断是否有内容未填写 var vl=$(this).val(); if(vl==""){ i=1; } }); var t=$('t

JS回车提交表单

JavaScript实现方法 document.onkeydown = function(e) { if (!e) e = window.event;//火狐中是 window.event if ((e.keyCode || e.which) == 13) { document.getElementById("loginButtonId").click(); //loginButtonId为button登录按钮的ID } } jQuery实现方法 $(window).keydown(f

js防止回车(enter)键提交表单

如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. 如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();&q

web 界面设计---js提交表单

Java代码   <script type="text/javascript"> function checkImage(){ var imageValue = document.getElementById("actorCard:imageField:image").value; if(imageValue !== ""){ document.getElementById("actorCard").sumbit(

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合

<pre class="html" name="code"> js日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date(arr[0], arr[1], arr[2]); var starttimes = starttime.getTime(); var arrs = b.split("-");