我正在尝试从上传输入中提醒文件名.
这是我的小提琴
它有效,但有"C:Fakepath ......"之类的东西.我只想要文件名,没有假路径.我尝试使用该split功能,但我不确定为什么它不起作用.
示例html:
<html>
<head>
<title>Test Page</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="file" id="tester" />
</body>
</html>
示例脚本:
$(function() {
var bogus;
var triple;
$('#tester').change(function() {
triple = $('#tester').val();
bogus = triple.split(/[\s/]+/);
alert(bogus[bogus.length - 1]);
});
});
有什么想法？
谢谢!
我正在使用切换功能,当我点击一个按钮时,div显示出来,当我再次单击该按钮时,它会隐藏.但问题是我在div中还有一个关闭div的关闭按钮,这意味着当我点击按钮时切换不完整当我尝试通过切换按钮再次打开div然后首先完成切换装置再次隐藏已经隐藏的div然后再显示它,任何解决方案？
$(".stngs").toggle(function() {
$(".stngsubmenu").css({
display: 'block'
});
}, function() {
$(".stngsubmenu").css({
display: 'none'
});
});?
我想在每个列表元素后面生成三个随机颜色的div框.我从这开始,但它不起作用 - DIV似乎不可见:(
非常感谢!
HTML
<div id="wrapper">
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</div>?
JS
$("li").each(function(){
var randomColor = "#"+Math.floor(Math.random()*16777215).toString(16);
for (var i = 0; i < 3; i++) {
stripe = document.createElement('div');
stripe.setAttribute('style', 'width:100px; height:3px; background-color' + randomColor);
wrapper = document.getElementById("wrapper");
wrapper.appendChild(stripe);
}
});
我试图用leanModal打开一个div,而不必点击超链接.链接:
<a id="showform" rel="leanModal" name="signup" href="#trigger_id" style="display:none"></a>
打开链接的电话:
<script>
var h = jQuery.noConflict();
h("#showform").click();
</script>
初始化功能:
var k = jQuery.noConflict();
k(function() {
k('a[rel*=leanModal]').leanModal({
top: 50,
overlay: 0.5,
closeButton: ".modal_close"
});
});?
如果我使用超链接它可以工作但是,我希望它自己打开.
假设未设置cookie,我需要停止提交的表单(添加到购物车)
jQuery('input[name=addtocart]').click(function() {
...
switch(curr_active_table){
case '1': {
...
alert(" Please select a Lense Option first before Adding to cart");
event.preventDefault();
break;
}
...
一切都像冠军一样,直到我达到我需要阻止提交的平衡点
我需要使用jQuery验证表单,然后将其提交到JavaScript文件,将其重定向到确认/发送邮件页面.我这样做的原因是为了防止垃圾邮件没有放入某种类型的Captcha.我基本上为表单的页面添加了错误的URL,然后将其更改为外部JavaScript文件中的正确页面.一切都很有效,除了表单在验证之前提交.我可以看到它在提交之前稍微标记了错误.
验证JS:
<script type="text/javascript">
$(document).ready(function(){
$('#contactform').submit(function() {
return $('#contactform').valid();
});
$("#contactform").validate();
$("#Name").rules("add", {
required: true,
minlength: 5,
messages: {
required: "Required",
minlength: jQuery.format("Minimum {0} Characters Required")
}
});
$("#Question").rules("add", {
required: true,
minlength: 20,
messages: {
required: "Required",
minlength: jQuery.format("Question Must Be {0} Character Long")
}
});
$("#math").rules("add", {
required: true,
equalTo: "#math2",
messages: {
required: "Solve Security Question.",
}
});
});
</script>
外部JS重定向:
function submitCommentForm() {
// Change the form action to the real submission page
document.getElementById('contactform').action = "confirmation.php"; …我正在尝试使用悬停在链接上的动画但没有成功,这是我的代码:
HTML
<ul>
<li>
<a class="border" href="#">HOME</a>
</li>
<li>
<a class="border" href="#">TOUR</a>
</li>
<li>
<a class="border" href="#">CONTACTUS</a>
</li>
</ul>
脚本
$(document).ready(function () {
$(".border").hover(function () {
$(this).animate({
borderBottom: '2px solid #3399FF',
width: '46%'
}, 500);
});
});
我知道它看起来很糟糕但请帮忙!
我感谢你的考虑.
我从服务器端代码返回一些json.
console.log(data) 给我的是:
{
"VRM": "DG70XSC",
"Make": "FORD",
"Model": "FOCUS ZETEC CLIMATE 116",
"Body": "5 DOOR HATCHBACK",
"Doors": "5 DOORS",
"Seats": 5,
"BodyDescription": "hatchback"
}
为什么在这种情况下是console.log(data.BodyDescription)未定义？
我错过了什么吗？
jquery ×8
javascript ×3
animation ×1
css ×1
dom ×1
html ×1
json ×1
modal-dialog ×1
php ×1
underline ×1