提交form表单后,先进行输入的校验。客户端(将方法写在js里面)

jsp:
<script type="text/javascript">
 function check(){
  var userName = document.getElementById("name").value;
  var pass1 = document.getElementById("pass1").value;
  var pass2 = document.getElementById("pass2").value;
  var email = document.getElementById("email").value;
  if(userName == ""|| pass1 == ""|| pass2 == ""|| email == ""){
   alert("请将登录信息填写完整");
   return false;
  }
 }
</script>

 <form action="#" method="post" onsubmit="return check();" />
 <input type="text" name="user.name" id="pass1" />
 <input type="password" name="user.pass" id="pass2" />
 <input type="password" id="name">
 <input type="text" name="user.email" id="email" />
 <input type="reset" value="重置" />
 <input type="submit" value="注册" />
 </form>

   if(userName.length<15||userName.length>3){
    pName.innerHTML = "";
    return false;
   }

看demo:
时间: 2024-10-31 11:59:03

提交form表单后,先进行输入的校验。客户端(将方法写在js里面)的相关文章

layer.js 弹出层提交form表单,action重定向

layer.js,一个jquery的插件,可以用它来做信息提示,弹出层等.  官方demo地址:http://layer.layui.com/ 官方api地址:http://layer.layui.com/api.html 使用layer.js做弹出层时,在弹出层里直接提交form表单,返回的画面仍然停留在弹出层里. 我们想在弹出层里提交form表单后关闭弹出层,并跳转到另一个画面. 0.引入layer.js <% String path = request.getContextPath();

提交form表单如何让页面在提交后不发生跳转

问题描述 提交form表单如何让页面在提交后不发生跳转希望有详细的示例 解决方案 解决方案二:用AJAX无刷新跳转.$.post("跳转URL"),{Action:"POST",Name:"useradress"},function(data,textStatus){data是返回值,返回NULL就行.这里可以不用写,后台的URL跳转中returnnull:就行})解决方案三:不想跳转就让action执行完后,再指向回来提交的这个页面就行了解决方

浅谈php提交form表单

  这篇文章主要介绍了浅谈php提交form表单的2种方法和简单的示例,十分的实用,有需要的小伙伴可以参考下. 处理GET请求 实现的功能是输入姓名后页面显示"Hello XXX" 创建html文件hello.html: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"

浅谈php提交form表单_php技巧

处理GET请求 实现的功能是输入姓名后页面显示"Hello XXX" 创建html文件hello.html: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>欢迎</title> </head> <body> <form action="hell

js-ajax实现页面无跳转提交form表单

问题描述 ajax实现页面无跳转提交form表单 我没有做过ajax,不懂js跟jq,想实现一个输入框输入,然后提交添加,ajax怎么实现页面无跳转,显示添加成功呢,求贴测试好的代码,写好尽量讲解下 解决方案 function tijiao(){ var formParam = $("#我是form的id").serialize();//序列化表格内容为字符串 $.ajax({ type:'post', //提交方式 url:'我是提交地址', data:formParam,//提交的

基于jQuery通过jQuery.form.js插件使用ajax提交form表单_javascript技巧

我们在提交表单的时候,如果没有使用ajax提交,页面都会自己刷新一下,显得非常的不友好,所以我们需要把我们的表单提交修改为ajax的模式,可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段:正在提交?提交成功? 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交参数可配置. 5.支持提交多种类型数据.如:

jquery 使用AJAX提交Form表单实例介绍

 使用AJAX提交Form表单的方法,其中主要的就是ajaxForm()和ajaxSubmit(),ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供.Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: Options对象的详解: 1.)target 指明页面中由服务器响应进行更新的元素.元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素. 默认值:null. 2.)u

button按钮提交form表单的js方法不要使用关键字login

    在使用button按钮提交form表单时,js方法不要使用关键字login,否则你会遇到莫名其妙的警告而无法正常执行!     js代码如下:         function login(){     var username=document.getElementById("username").value;     var password=document.getElementById("password").value;     if( usern

在jsp中提交form表单不能跳转进方法

问题描述 在jsp中提交form表单不能跳转进方法 我用的form表单提交的,jsp里 这样,js是function search(){ var myselec = $('#myselectHidden').val(); $.ajax({ type:'POST', data: {param:"myselec",isAll:"yes",param2:myselec}, url:'outQueryOption', success:function(data){ var