zoukankan      html  css  js  c++  java
  • JS:JS判断提交表单不能为空等验证

    这段代码在<form>中有οnsubmit="return on_submit()",如果 onsubmit ()返回 fasle,表单的元素就不会提交,即action="regist.php"不会执行,如果该函数返回其他值或什么都没有返回,则表单会被提交,即执行action="regist.jsp"。也就是说,onsubmit是用来验证输入信息,而action是提供一个表单完成被提交的路径,当onsubmit为false时表单不会提交。

    <form method="post" name="form" action="register.php" onSubmit="return beforeSubmit(this);">

    <script type="text/javascript"> function beforeSubmit(form){ ... } </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>
     
     
    <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>
  • 相关阅读:
    技术文档生成工具:appledoc
    Runtime之方法
    swift开发新项目总结
    iOS调试通过UILocalNotification或RemoteNotification启动的app
    github源码学习之UIImage+YYWebImage
    用NSAttributedString实现简单的图文混排
    用block做事件回调来简化代码,提高开发效率
    用drawRect的方式实现一个尺子
    Xcode自定义代码块
    简单的数据库设计及使用(FMDB)
  • 原文地址:https://www.cnblogs.com/forforever/p/12373650.html
Copyright © 2011-2022 走看看