baidu_27432593 2015-04-28 07:41 采纳率: 83.3%
浏览 1960
已采纳

动态添加了上传框和文本框怎么,对他们进行验证。

验证的格式:网站地址开头必须是http:// 结尾必须是:.com
代码如下:

script type="text/javascript"> 
$(document).ready(function(){  
  $(":input[type=button][name=more]").bind("click",function(){  
var $br = $("br />");  
var $file = $("input type='file' name='myfiles' />");  
var $url= $("input type='input' name='url' />");  
 var $button = $("input type='button' value='删除' class='btn btn-warning'>");  
 $(this).after($url).after($br).after($file).after($br).after($button).after($br);  
$button.bind("click",function(){  
$br.remove();  
 $file.remove();
 $url.remove();    
$button.remove();  
 });
  });
});  
/script>  
tr>td>input type="file" name="myfiles"/>br/>
网站地址:input type="input" name="url" />
input type="button" name="more"value="添加" class="btn btn-info" />/td>/tr> br/>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2015-04-28 08:06
    关注
    
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script><script type="text/javascript">
        $(document).ready(function () {
            $(":input[type=button][name=more]").bind("click", function () {
                var $br = $("<br />");
                var $file = $("<input type='file' name='myfiles' />");
                var $url = $("<input type='input' name='url' />");
                var $button = $("<input type='button' value='删除' class='btn btn-warning'>");
                $(this).after($url).after($br).after($file).after($br).after($button).after($br);
                $button.bind("click", function () {
                    $br.remove();
                    $file.remove();
                    $url.remove();
                    $button.remove();
                });
            });
        });
        function check(f) {
            if (f.myfiles) {
                if (f.myfiles.length) { //多组
                    for (var i = 0; i < f.myfiles.length; i++) {
    
                        if (f.myfiles[i].value == '') { alert('请选择文件!'); f.myfiles[i].focus(); return false }
                        if (!/^https?:\/\/.+?\.com$/i.test(f.url[i].value)) { alert('URL必须以http://或者hppts://开头,.com结尾!'); f.url[i].select(); return false }
                    }
                }
                else { //只有一组
                    if (f.myfiles.value == '') { alert('请选择文件!'); f.myfiles.focus(); return false }
                    if (!/^https?:\/\/.+?\.com$/i.test(f.url.value)) { alert('URL必须以http://或者hppts://开头,.com结尾!'); f.url.select(); return false }
    
                }
            }
            return false
        }
    </script>  
    <form onsubmit="return check(this)">
    <table><tr><td><input type="file" name="myfiles"/>
    网站地址:<input type="text" name="url" />
    <input type="button" name="more"value="添加" class="btn btn-info" /></td></tr> </table>
    <input type="submit" value="提交" /></form>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)