美文网首页
提交数据四种方式

提交数据四种方式

作者: xiaolin_188 | 来源:发表于2016-11-12 16:49 被阅读0次

1,form提交

<form method="post" action="index.php">
    <input type="text" name="username" value="" />
    <input type="submit" value="提交">
</form>

2,js提交

<form method="post" action="index.php" id="login">
    <input type="text" name="username" id="username" value="" />
    <input type="button" value="提交" onclick="return validate();">
</form>
<script>
function validate() {
    var username = document.getElementsByName('username')[0].value;
    //var username = document.getElementById('username').value;
    if (username == '') {
        return false;
    }
    document.getElementById('login').submit();
}
</script>
  • return vallidate();这里的return可有可无
  • type="button" 这里不能用submit,如果用的话,会提交两次

3,form onsubmit()

<form method="post" action="index.php" onsubmit="return validate();">
    <input type="text" name="username" id="username" value="" />
    <input type="submit" value="提交">
</form>
<script>
function validate() {
    var username = document.getElementsByName('username')[0].value;
    //var username = document.getElementById('username').value;
    if (username == '') {
        return false;
    }
}
</script>

onsubmit必须加上return

4,ajax提交
......

相关文章

网友评论

      本文标题:提交数据四种方式

      本文链接:https://www.haomeiwen.com/subject/pieqpttx.html