html中form表单延伸

html中form表单延伸,第1张

亲,这个用html是无法实现的,要用javascript,html不含任何逻辑,只是展示数据

<form>

    <input type="text" />&nbsp<input type="button" value="add" onclick="addInput(this)" />

</form> <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript">

    function addInput(obj){

        $(obj).parent("form").append("<input type='text' />")

    }

</script>

1. 长度限制

<script>

function test()

{

if(document.a.b.value.length>50)

{

alert("不能超过50个字符!")

document.a.b.focus()

return false

}

}

</script>

<form name=a onsubmit="return test()">

<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>

<input type="submit" name="Submit" value="check">

</form>

~~~~~~~~~~~

表单项输入数值/长度限定

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.count.value > 100 || document.form.count.value < 1)

{

alert("输入数值不能小于零大于100!")

document.form.count.focus()

return false

}

if (document.form.MESSAGE.value.length<10)

{

alert("输入文字小于10!")

document.form.MESSAGE.focus()

return false

}

return true

}

//-->

</script


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5933637.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-08
下一篇 2023-03-08

发表评论

登录后才能评论

评论列表(0条)

保存