2013-09-10 2 views
0

у меня есть связь с якоря и я не хочу, чтобы это было включено, если некоторые валидация не correct.basically я новичок в JavaScript так что простите мой noobness
ниже пример:отключить ссылку, если не подтверждено

<form name="myform"> 
<select name="test"> 
    <option >choose one</option> 
    <option value="one">oone</option> 
     <option value="two">two</option> 
     <option value="three">three</option> 
</select> 
    <a href="#goThere"> clickMe</a> 
</form> 

в моей реальной практике, я использую некоторые bootstrap.js, но я понял, что это общая проблема.
Я хочу, чтобы ссылка была отключена, если я ничего не выбрал в поле выбора.
скрипка для справки: http://jsfiddle.net/UGJN4/

+0

я искал через Интернет, пожалуйста, укажите причину голосования вниз –

+0

Я думаю, что вы можете сделать это с помощью '' php' или сервер боковым языком лучше, потому что более безопасно это делать –

+0

@ LionKing на самом деле я обязан это делать JS или некоторым jQuery, но не php. спасибо за проявленный интерес –

ответ

1

Я использую jQuery. Во-первых дать ему класс что-то вроде:

<a href="somewhere.html" class="bb">clickMe</a> 

Затем попробуйте это, если проверка не являются правильными:

$('a.bb').removeAttr('href').attr('href', 'javascript: void(0)'); 

Если правильно:

$('a.bb').removeAttr('href').attr('href', 'somewhere.html'); 
+0

ty bro !! вы просто прекратили титаник от погружения. Да благословит вас Бог –

+0

@SachinVerma Добро пожаловать. Пожалуйста, возьми +1 на свой вопрос от меня. :) –

0

Вы можете сделать это, как это в JavaScript :

Вставить идентификатор в анкерную бирку:

<a id="alink" href="#goThere" target="_blank"> clickMe</a> 

Javascript Код:

var flag=1; 
document.getElementById("alink").onclick = function() { 
    console.log("hello");  
    // Validate here. Change the value of flag 1<=>0 for testing. 
    // 0 => for true condition 
    // 1 => for false condition, it will redirect on new tab. 
    if(flag==1){ 
     return false; 
    } 
}; 

Вот скрипка: http://jsfiddle.net/UGJN4/2/

Смежные вопросы